@jbrowse/plugin-data-management 2.18.0 → 3.0.0

package/esm/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -1,5 +1,5 @@
 import { readConfObject } from '@jbrowse/core/configuration';
-import { getSession, localStorageGetItem } from '@jbrowse/core/util';
+import { getSession, localStorageGetBoolean, localStorageGetNumber, } from '@jbrowse/core/util';
 import { getTrackName } from '@jbrowse/core/util/tracks';
 import { autorun, observable } from 'mobx';
 import { addDisposer, getParent, types } from 'mobx-state-tree';
@@ -11,10 +11,10 @@ export function facetedStateTreeF() {
     return types
         .model('FacetedModel', {
         filterText: types.optional(types.string, ''),
-        showSparse: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showSparse') || 'false')),
-        showFilters: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showFilters') || 'true')),
-        showOptions: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showTableOptions') || 'false')),
-        panelWidth: types.optional(types.number, () => JSON.parse(localStorageGetItem('facet-panelWidth') || '400')),
+        showSparse: types.optional(types.boolean, () => localStorageGetBoolean('facet-showSparse', false)),
+        showFilters: types.optional(types.boolean, () => localStorageGetBoolean('facet-showFilters', true)),
+        showOptions: types.optional(types.boolean, () => localStorageGetBoolean('facet-showTableOptions', false)),
+        panelWidth: types.optional(types.number, () => localStorageGetNumber('facet-panelWidth', 400)),
     })
         .volatile(() => ({
         visible: {},
@@ -58,7 +58,7 @@ export function facetedStateTreeF() {
                 .filter(conf => matches(filterText, conf, session))
                 .map(track => {
                 var _a, _b;
-                return {
+                return ({
                     id: track.trackId,
                     conf: track,
                     name: getTrackName(track, session),
@@ -66,7 +66,7 @@ export function facetedStateTreeF() {
                     adapter: (_b = readConfObject(track, 'adapter')) === null || _b === void 0 ? void 0 : _b.type,
                     description: readConfObject(track, 'description'),
                     metadata: readConfObject(track, 'metadata'),
-                };
+                });
             });
         },
     }))

package/esm/PluginStoreWidget/components/AddCustomPluginDialog.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 declare const AddCustomPluginDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AddCustomPluginDialog;

package/esm/PluginStoreWidget/components/AddCustomPluginDialog.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -42,35 +43,18 @@ const AddCustomPluginDialog = observer(function ({ onClose, model, }) {
             jbrowse.addPlugin({ cjsUrl: cjsPluginUrl });
         }
     }
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Add custom plugin" },
-        React.createElement("form", { onSubmit: handleSubmit },
-            React.createElement(DialogContent, { className: classes.dialogContent },
-                React.createElement(DialogContentText, null, "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build."),
-                React.createElement(TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
-                        setUMDPluginName(event.target.value);
-                    } }),
-                React.createElement(TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
-                        setUMDPluginUrl(event.target.value);
-                    } }),
-                React.createElement(DialogContentText, { onClick: () => {
-                        setAdvancedOptionsOpen(!advancedOptionsOpen);
-                    } },
-                    React.createElement(IconButton, { className: cx(classes.expand, {
-                            [classes.expandOpen]: advancedOptionsOpen,
-                        }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more" },
-                        React.createElement(ExpandMoreIcon, null)),
-                    "Advanced options"),
-                React.createElement(Collapse, { in: advancedOptionsOpen },
-                    React.createElement("div", { className: classes.dialogContent },
-                        React.createElement(DialogContentText, null, "The above fields assume that the plugin is built in UMD format. If your plugin is in another format, or you have additional builds you want to add (such as a CJS build for using NodeJS APIs in desktop), you can enter the URLs for those builds below."),
-                        React.createElement(TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
-                                setESMPluginUrl(event.target.value);
-                            } }),
-                        React.createElement(TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
-                                setCJSPluginUrl(event.target.value);
-                            } })))),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { variant: "contained", onClick: onClose }, "Cancel"),
-                React.createElement(Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready }, "Submit")))));
+    return (_jsx(Dialog, { open: true, onClose: onClose, title: "Add custom plugin", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(DialogContent, { className: classes.dialogContent, children: [_jsx(DialogContentText, { children: "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build." }), _jsx(TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
+                                setUMDPluginName(event.target.value);
+                            } }), _jsx(TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
+                                setUMDPluginUrl(event.target.value);
+                            } }), _jsxs(DialogContentText, { onClick: () => {
+                                setAdvancedOptionsOpen(!advancedOptionsOpen);
+                            }, children: [_jsx(IconButton, { className: cx(classes.expand, {
+                                        [classes.expandOpen]: advancedOptionsOpen,
+                                    }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more", children: _jsx(ExpandMoreIcon, {}) }), "Advanced options"] }), _jsx(Collapse, { in: advancedOptionsOpen, children: _jsxs("div", { className: classes.dialogContent, children: [_jsx(DialogContentText, { children: "The above fields assume that the plugin is built in UMD format. If your plugin is in another format, or you have additional builds you want to add (such as a CJS build for using NodeJS APIs in desktop), you can enter the URLs for those builds below." }), _jsx(TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
+                                            setESMPluginUrl(event.target.value);
+                                        } }), _jsx(TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
+                                            setCJSPluginUrl(event.target.value);
+                                        } })] }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready, children: "Submit" })] })] }) }));
 });
 export default AddCustomPluginDialog;

package/esm/PluginStoreWidget/components/DeletePluginDialog.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export default function DeletePluginDialog({ onClose, plugin, }: {
     plugin: string;
     onClose: (s?: string) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/PluginStoreWidget/components/DeletePluginDialog.js

@@ -1,23 +1,14 @@
-import React from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, Typography } from '@mui/material';
 export default function DeletePluginDialog({ onClose, plugin, }) {
-    return (React.createElement(Dialog, { open: true, onClose: () => {
+    return (_jsxs(Dialog, { open: true, title: `Remove ${plugin}`, onClose: () => {
             onClose();
-        }, title: `Remove ${plugin}` },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null,
-                "Please confirm that you want to remove ",
-                plugin,
-                "."),
-            React.createElement(Typography, { color: "error" }, "Note: if any resources in this session still use this plugin, it may cause your session to crash")),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    window.setTimeout(() => {
-                        onClose(plugin);
-                    }, 500);
-                } }, "Confirm"),
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    onClose();
-                } }, "Cancel"))));
+        }, children: [_jsxs(DialogContent, { children: [_jsxs(Typography, { children: ["Please confirm that you want to remove ", plugin, "."] }), _jsx(Typography, { color: "error", children: "Note: if any resources in this session still use this plugin, it may cause your session to crash" })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                            window.setTimeout(() => {
+                                onClose(plugin);
+                            }, 500);
+                        }, children: "Confirm" }), _jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
+                            onClose();
+                        }, children: "Cancel" })] })] }));
 }

package/esm/PluginStoreWidget/components/InstalledPlugin.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type { BasePlugin } from '@jbrowse/core/util/types';
 declare const InstalledPlugin: ({ plugin, model, }: {
     plugin: BasePlugin;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default InstalledPlugin;

package/esm/PluginStoreWidget/components/InstalledPlugin.js

@@ -1,4 +1,5 @@
-import React, { lazy } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { lazy } from 'react';
 import { getEnv, getSession } from '@jbrowse/core/util';
 import { isSessionWithSessionPlugins } from '@jbrowse/core/util/types';
 import CloseIcon from '@mui/icons-material/Close';
@@ -14,8 +15,7 @@ const useStyles = makeStyles()(() => ({
 }));
 function LockedPlugin() {
     const { classes } = useStyles();
-    return (React.createElement(Tooltip, { className: classes.lockedPluginTooltip, title: "This plugin was installed by an administrator, you cannot remove it." },
-        React.createElement(LockIcon, null)));
+    return (_jsx(Tooltip, { className: classes.lockedPluginTooltip, title: "This plugin was installed by an administrator, you cannot remove it.", children: _jsx(LockIcon, {}) }));
 }
 const InstalledPlugin = observer(function ({ plugin, model, }) {
     const { pluginManager } = getEnv(model);
@@ -24,28 +24,25 @@ const InstalledPlugin = observer(function ({ plugin, model, }) {
     const isSessionPlugin = isSessionWithSessionPlugins(session)
         ? session.sessionPlugins.some(p => { var _a; return ((_a = pluginManager.pluginMetadata[plugin.name]) === null || _a === void 0 ? void 0 : _a.url) === p.url; })
         : false;
-    return (React.createElement(ListItem, { key: plugin.name },
-        adminMode || isSessionPlugin ? (React.createElement(IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
-                session.queueDialog(onClose => [
-                    DeletePluginDialog,
-                    {
-                        plugin: plugin.name,
-                        onClose: (name) => {
-                            if (name) {
-                                const pluginMetadata = pluginManager.pluginMetadata[plugin.name];
-                                if (adminMode) {
-                                    jbrowse.removePlugin(pluginMetadata);
+    return (_jsxs(ListItem, { children: [adminMode || isSessionPlugin ? (_jsx(IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
+                    session.queueDialog(onClose => [
+                        DeletePluginDialog,
+                        {
+                            plugin: plugin.name,
+                            onClose: (name) => {
+                                if (name) {
+                                    const pluginMetadata = pluginManager.pluginMetadata[plugin.name];
+                                    if (adminMode) {
+                                        jbrowse.removePlugin(pluginMetadata);
+                                    }
+                                    else if (isSessionWithSessionPlugins(session)) {
+                                        session.removeSessionPlugin(pluginMetadata);
+                                    }
                                 }
-                                else if (isSessionWithSessionPlugins(session)) {
-                                    session.removeSessionPlugin(pluginMetadata);
-                                }
-                            }
-                            onClose();
+                                onClose();
+                            },
                         },
-                    },
-                ]);
-            } },
-            React.createElement(CloseIcon, null))) : (React.createElement(LockedPlugin, null)),
-        React.createElement(Typography, null, plugin.name)));
+                    ]);
+                }, children: _jsx(CloseIcon, {}) })) : (_jsx(LockedPlugin, {})), _jsx(Typography, { children: plugin.name })] }, plugin.name));
 });
 export default InstalledPlugin;

package/esm/PluginStoreWidget/components/InstalledPluginsList.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type PluginManager from '@jbrowse/core/PluginManager';
 declare const InstalledPluginsList: ({ pluginManager, model, }: {
     pluginManager: PluginManager;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default InstalledPluginsList;

package/esm/PluginStoreWidget/components/InstalledPluginsList.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { List, Typography } from '@mui/material';
 import { observer } from 'mobx-react';
 import InstalledPlugin from './InstalledPlugin';
@@ -6,8 +6,8 @@ const InstalledPluginsList = observer(function InstalledPluginsList({ pluginMana
     const { plugins } = pluginManager;
     const { filterText } = model;
     const externalPlugins = plugins.filter(p => { var _a; return !((_a = pluginManager.pluginMetadata[p.name]) === null || _a === void 0 ? void 0 : _a.isCore); });
-    return (React.createElement(List, null, externalPlugins.length > 0 ? (externalPlugins
-        .filter(p => p.name.toLowerCase().includes(filterText.toLowerCase()))
-        .map(p => React.createElement(InstalledPlugin, { key: p.name, plugin: p, model: model }))) : (React.createElement(Typography, null, "No plugins currently installed"))));
+    return (_jsx(List, { children: externalPlugins.length > 0 ? (externalPlugins
+            .filter(p => p.name.toLowerCase().includes(filterText.toLowerCase()))
+            .map(p => _jsx(InstalledPlugin, { plugin: p, model: model }, p.name))) : (_jsx(Typography, { children: "No plugins currently installed" })) }));
 });
 export default InstalledPluginsList;

package/esm/PluginStoreWidget/components/PluginCard.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type { JBrowsePlugin } from '@jbrowse/core/util/types';
 declare const PluginCard: ({ plugin, model, }: {
     plugin: JBrowsePlugin;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PluginCard;

package/esm/PluginStoreWidget/components/PluginCard.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { getEnv, getSession } from '@jbrowse/core/util';
 import { isSessionWithSessionPlugins } from '@jbrowse/core/util/types';
 import AddIcon from '@mui/icons-material/Add';
@@ -35,27 +36,17 @@ const PluginCard = observer(function PluginCard({ plugin, model, }) {
     const [tempDisabled, setTempDisabled] = useState(false);
     const { adminMode, jbrowse } = session;
     const { name, authors, description } = plugin;
-    return (React.createElement(Card, { variant: "outlined", key: name, className: classes.card },
-        React.createElement(CardContent, null,
-            React.createElement(Typography, { variant: "h5" },
-                React.createElement(Link, { href: `${plugin.location}#readme`, target: "_blank", rel: "noopener" }, plugin.name)),
-            React.createElement("div", { className: classes.dataField },
-                React.createElement(PersonIcon, { className: classes.mr }),
-                React.createElement(Typography, null, authors.join(', '))),
-            React.createElement(Typography, { className: classes.bold }, "Description:"),
-            React.createElement(Typography, null, description)),
-        React.createElement(CardActions, null,
-            React.createElement(Button, { variant: "contained", disabled: isInstalled || tempDisabled, startIcon: isInstalled ? React.createElement(CheckIcon, null) : React.createElement(AddIcon, null), onClick: () => {
-                    if (adminMode) {
-                        jbrowse.addPlugin(plugin);
-                    }
-                    else if (isSessionWithSessionPlugins(session)) {
-                        session.addSessionPlugin(plugin);
-                    }
-                    else {
-                        session.notify('No way to install plugin');
-                    }
-                    setTempDisabled(true);
-                } }, isInstalled ? 'Installed' : 'Install'))));
+    return (_jsxs(Card, { variant: "outlined", className: classes.card, children: [_jsxs(CardContent, { children: [_jsx(Typography, { variant: "h5", children: _jsx(Link, { href: `${plugin.location}#readme`, target: "_blank", rel: "noopener", children: plugin.name }) }), _jsxs("div", { className: classes.dataField, children: [_jsx(PersonIcon, { className: classes.mr }), _jsx(Typography, { children: authors.join(', ') })] }), _jsx(Typography, { className: classes.bold, children: "Description:" }), _jsx(Typography, { children: description })] }), _jsx(CardActions, { children: _jsx(Button, { variant: "contained", disabled: isInstalled || tempDisabled, startIcon: isInstalled ? _jsx(CheckIcon, {}) : _jsx(AddIcon, {}), onClick: () => {
+                        if (adminMode) {
+                            jbrowse.addPlugin(plugin);
+                        }
+                        else if (isSessionWithSessionPlugins(session)) {
+                            session.addSessionPlugin(plugin);
+                        }
+                        else {
+                            session.notify('No way to install plugin');
+                        }
+                        setTempDisabled(true);
+                    }, children: isInstalled ? 'Installed' : 'Install' }) })] }, name));
 });
 export default PluginCard;

package/esm/PluginStoreWidget/components/PluginStoreWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 declare const PluginStoreWidget: ({ model, }: {
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PluginStoreWidget;

package/esm/PluginStoreWidget/components/PluginStoreWidget.js

@@ -1,4 +1,5 @@
-import React, { lazy } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { lazy } from 'react';
 import { LoadingEllipses } from '@jbrowse/core/ui';
 import { getSession, isElectron } from '@jbrowse/core/util';
 import ClearIcon from '@mui/icons-material/Clear';
@@ -37,52 +38,29 @@ const useStyles = makeStyles()(theme => ({
 const PluginStoreWidget = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { plugins, error } = useFetchPlugins();
+    const { filterText } = model;
     const session = getSession(model);
     const { adminMode } = session;
     const { pluginManager } = getEnv(model);
-    return (React.createElement("div", null,
-        adminMode && (React.createElement(React.Fragment, null,
-            !isElectron && (React.createElement("div", { className: classes.adminBadge },
-                React.createElement(InfoOutlinedIcon, { className: classes.mr }),
-                React.createElement(Typography, null,
-                    "You are using the ",
-                    React.createElement("code", null, "admin-server"),
-                    ". Any changes you make will be saved to your configuration file. You also have the ability to add custom plugins that are not in the store."))),
-            React.createElement(Button, { className: classes.customPluginButton, variant: "contained", onClick: () => {
-                    session.queueDialog(onClose => [
-                        AddCustomPluginDialog,
-                        {
-                            model,
-                            onClose,
-                        },
-                    ]);
-                } }, "Add custom plugin"))),
-        React.createElement(TextField, { label: "Filter plugins", value: model.filterText, onChange: event => {
-                model.setFilterText(event.target.value);
-            }, fullWidth: true, slotProps: {
-                input: {
-                    endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                        React.createElement(IconButton, { onClick: () => {
-                                model.clearFilterText();
-                            } },
-                            React.createElement(ClearIcon, null)))),
-                },
-            } }),
-        React.createElement(Accordion, { defaultExpanded: true },
-            React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                React.createElement(Typography, { variant: "h5" }, "Installed plugins")),
-            React.createElement("div", { className: classes.m },
-                React.createElement(InstalledPluginsList, { pluginManager: pluginManager, model: model }))),
-        React.createElement(Accordion, { defaultExpanded: true },
-            React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                React.createElement(Typography, { variant: "h5" }, "Available plugins")),
-            error ? (React.createElement(Typography, { color: "error" }, `${error}`)) : plugins ? (plugins
-                .filter(plugin => {
-                return (!(isElectron && plugin.cjsUrl) &&
-                    plugin.name
-                        .toLowerCase()
-                        .includes(model.filterText.toLowerCase()));
-            })
-                .map(plugin => (React.createElement(PluginCard, { key: plugin.name, plugin: plugin, model: model })))) : (React.createElement(LoadingEllipses, null)))));
+    return (_jsxs("div", { children: [adminMode && (_jsxs(_Fragment, { children: [!isElectron && (_jsxs("div", { className: classes.adminBadge, children: [_jsx(InfoOutlinedIcon, { className: classes.mr }), _jsxs(Typography, { children: ["You are using the ", _jsx("code", { children: "admin-server" }), ". Any changes you make will be saved to your configuration file. You also have the ability to add custom plugins that are not in the store."] })] })), _jsx(Button, { className: classes.customPluginButton, variant: "contained", onClick: () => {
+                            session.queueDialog(onClose => [
+                                AddCustomPluginDialog,
+                                {
+                                    model,
+                                    onClose,
+                                },
+                            ]);
+                        }, children: "Add custom plugin" })] })), _jsx(TextField, { label: "Filter plugins", value: filterText, onChange: event => {
+                    model.setFilterText(event.target.value);
+                }, fullWidth: true, slotProps: {
+                    input: {
+                        endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: () => {
+                                    model.clearFilterText();
+                                }, children: _jsx(ClearIcon, {}) }) })),
+                    },
+                } }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Installed plugins" }) }), _jsx("div", { className: classes.m, children: _jsx(InstalledPluginsList, { pluginManager: pluginManager, model: model }) })] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Available plugins" }) }), error ? (_jsx(Typography, { color: "error", children: `${error}` })) : plugins ? (plugins
+                        .filter(plugin => !(isElectron && plugin.cjsUrl) &&
+                        plugin.name.toLowerCase().includes(filterText.toLowerCase()))
+                        .map(plugin => (_jsx(PluginCard, { plugin: plugin, model: model }, plugin.name)))) : (_jsx(LoadingEllipses, {}))] })] }));
 });
 export default PluginStoreWidget;

package/esm/UCSCTrackHub/doConnect.js

@@ -3,10 +3,8 @@ import { getConf } from '@jbrowse/core/configuration';
 import { getSession } from '@jbrowse/core/util';
 import { openLocation } from '@jbrowse/core/util/io';
 import { nanoid } from '@jbrowse/core/util/nanoid';
-import { fetchGenomesFile, fetchTrackDbFile, generateTracks, } from './ucscTrackHub';
-function resolve(uri, baseUri) {
-    return new URL(uri, baseUri).href;
-}
+import { generateTracks } from './ucscTrackHub';
+import { fetchGenomesFile, fetchTrackDbFile, resolve } from './util';
 export async function doConnect(self) {
     var _a;
     const session = getSession(self);
@@ -26,6 +24,14 @@ export async function doConnect(self) {
                     name: genomeName,
                     sequence: {
                         type: 'ReferenceSequenceTrack',
+                        metadata: {
+                            ...genome,
+                            ...(genome.data.htmlPath
+                                ? {
+                                    htmlPath: `<a href="${resolve(genome.data.htmlPath, hubUri)}">${genome.data.htmlPath}</a>`,
+                                }
+                                : {}),
+                        },
                         trackId: `${genomeName}-${nanoid()}`,
                         adapter: {
                             type: 'TwoBitAdapter',
@@ -46,6 +52,7 @@ export async function doConnect(self) {
                 trackDbLoc: hubFileLocation,
                 assemblyName: genomeName,
                 sequenceAdapter,
+                baseUrl: hubUri,
             });
             self.addTrackConfs(tracksNew);
         }
@@ -98,6 +105,7 @@ export async function doConnect(self) {
                     trackDbLoc: loc,
                     assemblyName: genomeName,
                     sequenceAdapter,
+                    baseUrl: hubUri,
                 });
                 self.addTrackConfs(tracks);
                 map[genomeName] = tracks.length;