@jbrowse/product-core 2.11.2 → 2.12.1

package/esm/ui/AboutDialogContents.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export default function AboutContents({ config, }: {
+declare const AboutDialogContents: ({ config, }: {
     config: AnyConfigurationModel;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default AboutDialogContents;

package/esm/ui/AboutDialogContents.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { observer } from 'mobx-react';
 import clone from 'clone';
 import copy from 'copy-to-clipboard';
 import { Button } from '@mui/material';
@@ -7,10 +8,14 @@ import { getConf, readConfObject, } from '@jbrowse/core/configuration';
 import { getSession, getEnv } from '@jbrowse/core/util';
 import { BaseCard, Attributes, } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
 import FileInfoPanel from './FileInfoPanel';
+import RefNameInfoDialog from './RefNameInfoDialog';
 const useStyles = makeStyles()({
     content: {
         minWidth: 800,
     },
+    button: {
+        float: 'right',
+    },
 });
 function removeAttr(obj, attr) {
     for (const prop in obj) {
@@ -23,11 +28,12 @@ function removeAttr(obj, attr) {
     }
     return obj;
 }
-export default function AboutContents({ config, }) {
+const AboutDialogContents = observer(function ({ config, }) {
     const [copied, setCopied] = useState(false);
     const conf = readConfObject(config);
     const session = getSession(config);
     const { classes } = useStyles();
+    const [showRefNames, setShowRefNames] = useState(false);
     const hideUris = getConf(session, ['formatAbout', 'hideUris']) ||
         readConfObject(config, ['formatAbout', 'hideUris']);
     const { pluginManager } = getEnv(session);
@@ -41,14 +47,18 @@ export default function AboutContents({ config, }) {
     const ExtraPanel = pluginManager.evaluateExtensionPoint('Core-extraAboutPanel', null, { session, config });
     return (React.createElement("div", { className: classes.content },
         React.createElement(BaseCard, { title: "Configuration" },
-            !hideUris ? (React.createElement(Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
-                    const snap = removeAttr(clone(conf), 'baseUri');
-                    copy(JSON.stringify(snap, null, 2));
-                    setCopied(true);
-                    setTimeout(() => setCopied(false), 1000);
-                } }, copied ? 'Copied to clipboard!' : 'Copy config')) : null,
+            !hideUris ? (React.createElement("span", { className: classes.button },
+                React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => setShowRefNames(true) }, "Show ref names"),
+                React.createElement(Button, { variant: "contained", onClick: () => {
+                        const snap = removeAttr(clone(conf), 'baseUri');
+                        copy(JSON.stringify(snap, null, 2));
+                        setCopied(true);
+                        setTimeout(() => setCopied(false), 1000);
+                    } }, copied ? 'Copied to clipboard!' : 'Copy config'))) : null,
             React.createElement(Attributes, { attributes: confPostExt, omit: ['displays', 'baseUri', 'refNames', 'formatAbout'], hideUris: hideUris })),
         ExtraPanel ? (React.createElement(BaseCard, { title: ExtraPanel.name },
             React.createElement(ExtraPanel.Component, { config: config }))) : null,
-        React.createElement(FileInfoPanel, { config: config })));
-}
+        React.createElement(FileInfoPanel, { config: config }),
+        showRefNames ? (React.createElement(RefNameInfoDialog, { config: config, onClose: () => setShowRefNames(false) })) : null));
+});
+export default AboutDialogContents;

package/esm/ui/RefNameInfoDialog.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+declare const RefNameInfoDialog: ({ config, onClose, }: {
+    config: AnyConfigurationModel;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default RefNameInfoDialog;

package/esm/ui/RefNameInfoDialog.js

@@ -0,0 +1,82 @@
+import React, { useState, useEffect } from 'react';
+import { Button, DialogContent, Typography } from '@mui/material';
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { Dialog, LoadingEllipses } from '@jbrowse/core/ui';
+import { getSession } from '@jbrowse/core/util';
+import { getConfAssemblyNames } from '@jbrowse/core/util/tracks';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import copy from 'copy-to-clipboard';
+const MAX_REF_NAMES = 10000;
+const useStyles = makeStyles()(theme => ({
+    container: {
+        minWidth: 800,
+    },
+    refNames: {
+        maxHeight: 300,
+        width: '100%',
+        overflow: 'auto',
+        flexGrow: 1,
+        background: theme.palette.background.default,
+    },
+}));
+const RefNameInfoDialog = observer(function ({ config, onClose, }) {
+    const [error, setError] = useState();
+    const [refNames, setRefNames] = useState();
+    const [copied, setCopied] = useState(false);
+    const { classes } = useStyles();
+    const session = getSession(config);
+    const { rpcManager } = session;
+    useEffect(() => {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        ;
+        (async () => {
+            try {
+                const map = await Promise.all([...new Set(getConfAssemblyNames(config))].map(async (assemblyName) => {
+                    const adapterConfig = readConfObject(config, 'adapter');
+                    return [
+                        assemblyName,
+                        (await rpcManager.call(config.trackId, 'CoreGetRefNames', {
+                            adapterConfig,
+                            // hack for synteny adapters
+                            regions: [{ assemblyName }],
+                        })),
+                    ];
+                }));
+                setRefNames(Object.fromEntries(map));
+            }
+            catch (e) {
+                console.error(e);
+                setError(e);
+            }
+        })();
+    }, [config, rpcManager]);
+    const names = refNames ? Object.entries(refNames) : [];
+    const result = names
+        .flatMap(([assemblyName, refNames]) => {
+        return [
+            `--- ${assemblyName} ---`,
+            ...refNames.slice(0, MAX_REF_NAMES),
+            `${refNames.length > MAX_REF_NAMES
+                ? `\nToo many refNames to show in browser for ${assemblyName}, use "Copy ref names" button to copy to clipboard`
+                : ''}`,
+        ];
+    })
+        .filter(f => !!f)
+        .join('\n');
+    return (React.createElement(Dialog, { open: true, title: "Reference sequence names used in track", onClose: onClose },
+        React.createElement(DialogContent, { className: classes.container }, error ? (React.createElement(Typography, { color: "error" }, `${error}`)) : refNames === undefined ? (React.createElement(LoadingEllipses, { message: "Loading refNames" })) : (React.createElement(React.Fragment, null,
+            React.createElement(Button, { variant: "contained", onClick: () => {
+                    copy(names
+                        .flatMap(([assemblyName, refNames]) => [
+                        `--- ${assemblyName} ---`,
+                        ...refNames,
+                    ])
+                        .filter(f => !!f)
+                        .join('\n'));
+                    setCopied(true);
+                    setTimeout(() => setCopied(false), 1000);
+                } }, copied ? 'Copied to clipboard!' : 'Copy ref names'),
+            React.createElement("pre", { className: classes.refNames }, result))))));
+});
+export default RefNameInfoDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/product-core",
-  "version": "2.11.2",
+  "version": "2.12.1",
   "sideEffects": false,
   "description": "JBrowse 2 code shared between products but not used by plugins",
   "keywords": [
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@jbrowse/core": "^2.11.2",
+    "@jbrowse/core": "^2.12.1",
     "@mui/icons-material": "^5.0.0",
     "@mui/material": "^5.10.17",
     "copy-to-clipboard": "^3.3.1",
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "511048cb6965f0bf624c96de244e7fd47fce17d6"
+  "gitHead": "20f16ae5a56ae5e4806aaa373131e540b0b5b0fd"
 }