Add tooltip support for ExtendedVariantDisplay

Author: bbimber

jbrowse/resources/external/mGAPSession.json

@@ -58,6 +58,7 @@
           "type": "ExtendedVariantDisplay",
           "displayId": "mgap_hg38-ExtendedVariantDisplay",
           "maxDisplayedBpPerPx": 2000,
+          "mouseover": "jexl:'Position: ' + formatWithCommas(get(feature,'POS'))",
           "renderer": {
             "type": "ExtendedVariantRenderer"
           },

jbrowse/src/client/JBrowse/Browser/components/JBrowseFooter.tsx

@@ -24,6 +24,11 @@ const JBrowseFooter = observer(props => {
         viewState.session.view.activateTrackSelector()
     }
 
+    if (!viewState) {
+        return (
+            <></>
+        )
+    }
     return (
         <>
         <Box padding={'5px'}>

jbrowse/src/client/JBrowse/Browser/jbrowse.css

@@ -5,4 +5,9 @@ fieldset.MuiOutlinedInput-notchedOutline > legend {
 
 html {
     font-size: 16px !important;
+}
+
+/* Increase font size for tooltips: */
+div[class^="makeStyles-tooltip-"] {
+    font-size: 12px;
 }

jbrowse/src/client/JBrowse/Browser/plugins/ExtendedVariantPlugin/ExtendedVariantDisplay/configSchema.js

@@ -28,6 +28,13 @@ export default pluginManager => {
   return ConfigurationSchema(
     'ExtendedVariantDisplay',
     {
+      mouseover: {
+          type: 'string',
+          description: 'what to display in a given mouseover',
+          defaultValue: `jexl:get(feature,'name')`,
+
+          contextVariable: ['feature'],
+      },
       renderer: pluginManager.pluggableConfigSchemaType('renderer'),
       detailsConfig: variantDetailsConfig
     },

jbrowse/src/client/JBrowse/Browser/plugins/ExtendedVariantPlugin/index.ts

@@ -140,6 +140,10 @@ export default class ExtendedVariantPlugin extends Plugin {
         pluginManager.jexl.addFunction('arrayMax', (array) => {
             return Array.isArray(array) ? Math.max(...array) : array
         })
+
+        pluginManager.jexl.addFunction('formatWithCommas', (val) => {
+            return val ? Number(val).toLocaleString() : val
+        })
     }
 
     configure(pluginManager: PluginManager) {

jbrowse/src/org/labkey/jbrowse/model/JsonFile.java

@@ -525,6 +525,7 @@ private JSONObject getVcfTrack(Logger log, ExpData targetFile, ReferenceGenome r
                 put("type", "ExtendedVariantDisplay");
                 put("displayId", getObjectId() + "-ExtendedVariantDisplay");
                 put("maxDisplayedBpPerPx", 2000);
+                put("mouseover", "jexl:'Position: ' + formatWithCommas(get(feature,'POS'))");
                 put("renderer", new JSONObject(){{
                     put("type", "ExtendedVariantRenderer");
                     //put("showLabels", false);