Add ability to run field formatters on the feature details panel

[cmdcolin]

Fixes #1981

This is a possible proposal for adding field formatters on the feature detail panel

Overview

Examples:

      "formatFields":  { "feature": "jexl:{name:'https://google.com/?q='+feature.id}" }

The above updates all name fields to be google links

      "formatFields": { "feature": "jexl:{name:'https://google.com/?q='+feature.name, newfield:'Wow'}" }

And if you had a complicated callback you could create a custom jexl callback e.g.

      "formatFields": { "feature": "jexl:{name:customFormatter(feature)}" }

The above only updates the top level feature to a google link, and adds a new field called newfield with the text Wow :)

Implementation

It is a little tricky but you can see that the jexl callback returns an object containing multiple fields which are merged directly onto the featureData

One other design I considered was something like

"formatFields": {
    "name":"jexl:\"https://google.com/?q=\"+feature.name",
    "random":"Wow"
}

This may be easier for the developer, and if needed, we can consider it, but the getConf would be evaluated in a non-standard way to achieve this (e.g. I'd have to manually run stringToJexlExpression and evaluate on the children of formatFields.

[cmdcolin]

earlier pr #1987

[cmdcolin]

the concept of origName/origId/origType was removed, now just dumps the HTML "innerText" of whatever is used for id/name/type into the accordion titles

[codecov]

Codecov Report

Merging #3003 (e5ee9c3) into main (8df7c74) will increase coverage by 0.02%.
The diff coverage is 71.42%.

❗ Current head e5ee9c3 differs from pull request most recent head b09eca0. Consider uploading reports for the commit b09eca0 to get more accurate results

@@            Coverage Diff             @@
##             main    #3003      +/-   ##
==========================================
+ Coverage   61.33%   61.36%   +0.02%     
==========================================
  Files         584      584              
  Lines       26589    26609      +20     
  Branches     6439     6445       +6     
==========================================
+ Hits        16309    16328      +19     
- Misses       9973     9974       +1     
  Partials      307      307              

Impacted Files	Coverage Δ
...re/pluggableElementTypes/models/baseTrackConfig.ts	58.33% <ø> (ø)
...breakpoint-split-view/src/components/Breakends.tsx	88.09% <ø> (ø)
...aseLinearDisplay/models/BaseLinearDisplayModel.tsx	85.91% <ø> (ø)
packages/core/BaseFeatureWidget/index.ts	62.50% <61.76%> (-12.50%)	⬇️
packages/core/util/jexl.ts	75.00% <68.57%> (+7.20%)	⬆️
...kages/core/BaseFeatureWidget/BaseFeatureDetail.tsx	78.65% <87.50%> (+1.63%)	⬆️
...ns/alignments/src/AlignmentsFeatureDetail/index.ts	100.00% <100.00%> (+16.66%)	⬆️
plugins/variants/src/VariantFeatureWidget/index.ts	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8df7c74...b09eca0. Read the comment docs.

[cmdcolin]

made a slightly new alternative approach in this PR

the original concept completely overwrote the original feature data fields, so it replaced feature.name with a customized content

I wanted to avoid totally overwriting the feature data such as feature.name though, because for example, if it contained a hyperlink then it would get displayed badly in accordion headers or the sequence feature detail FASTA output

so, this PR now retains the old data but puts the formatted data in a field called _fmt on the feature object

so for example if I have a jexl callback that customizes name it might say

{
  "name": "EDEN",
  "start": 1,
  "end": 100,
  "_fmt": {
    "name": "https://google.com/?q=EDEN"
  }
}

Then, the core details and the attributes display the merged object data from basically {...obj, ...obj._fmt }

[cmdcolin]

also now uses a nested subschema for the config so we have

formatFields: {
   feature,
   subfeatures,
   depth
}

https://github.com/GMOD/jbrowse-components/pull/3003/files#diff-8e728ba842d4db42eaaa38288424736b839611cf13788776283fc67bb6a2b8e5R54-R72

This helps organize the related set of config slots!

[cmdcolin]

should be good to go

[cmdcolin]

example screenshot