Add authentication plugin to embedded components

[garrettjstevens]

This is a proposal that adds the ability to use internet accounts in the embedded React LGV and CGV. I've tested it with HTTP basic authentication.

The motivation for this is for use in jbrowse-jupyter (see this comment). There is a way to open local files (or at least files on the same machine as the jupyter/colab server) by taking advantage of the ability to invoke functions in the Python kernel from the notebook client. We can use that to read chunks of a file from disk instead of fetching them from a server. @teresam856 and I have been trying to think of a way to get this to work.

The proposed workflow would be to add tracks that have a UriLocation with a different protocol (file:// might work, but maybe it would have to be custom). Then for those tracks, jbrowse-jupyter would use a plugin to add an internet account with a custom getFetcher which would then invoke the Python kernel instead of fetching from a server.

An alternative to doing this with an internet account would be to use a custom filehandle and invoke the Python kernel there, but @rbuels and I couldn't figure out a way for a plugin to add and use a custom filehandle.

[codecov]

Codecov Report

Merging #3298 (783e603) into main (d54632d) will decrease coverage by 0.06%.
The diff coverage is 18.18%.

@@            Coverage Diff             @@
##             main    #3298      +/-   ##
==========================================
- Coverage   59.44%   59.38%   -0.07%     
==========================================
  Files         736      736              
  Lines       28997    29037      +40     
  Branches     7017     7029      +12     
==========================================
+ Hits        17238    17244       +6     
- Misses      11513    11547      +34     
  Partials      246      246              

Impacted Files	Coverage Δ
products/jbrowse-desktop/src/rootModel.ts	30.49% <0.00%> (+0.27%)	⬆️
...owse-react-circular-genome-view/src/corePlugins.ts	100.00% <ø> (ø)
...r-genome-view/src/createModel/createConfigModel.ts	55.55% <ø> (ø)
...ircular-genome-view/src/createModel/createModel.ts	37.50% <0.00%> (-20.20%)	⬇️
...browse-react-linear-genome-view/src/corePlugins.ts	100.00% <ø> (ø)
...r-genome-view/src/createModel/createConfigModel.ts	55.55% <ø> (ø)
...-linear-genome-view/src/createModel/createModel.ts	38.46% <0.00%> (-21.54%)	⬇️
...-react-circular-genome-view/src/createViewState.ts	74.07% <20.00%> (-12.29%)	⬇️
...se-react-linear-genome-view/src/createViewState.ts	48.27% <20.00%> (-5.90%)	⬇️
products/jbrowse-web/src/rootModel.ts	55.03% <50.00%> (-0.33%)	⬇️
... and 3 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[cmdcolin]

any reason for changing it to take a config instead of id?

[garrettjstevens]

In the only place this is called, the calling code already has a handle the config. By passing it directly, we avoid having to call resolveIdentifier with the ID.

[cmdcolin]

I will note that things like onAction listeners cannot handle full configuration objects, and this is one reason why e.g. showTrack take a trackId even if they have a full conf object to supply generally. Internet account would probably rarely be attached to a onAction listener but it's just a data point for the use of ids in the api

[garrettjstevens]

I'd tested this with HTTPBasicInternetAccount and it works fine, but I tried it with GoogleDriveOAuthInternetAccount and realized it won't work with that or with DropboxOAuthInternetAccount, either. This is because they rely on some code in JBrowse Web/Desktop to handle sending the login info from the popup window to the main page (e.g. see products/jbrowse-web/src/index.tsx). HTTPBasicInternetAccount works because it doesn't rely on that, it uses a dialog instead.

[cmdcolin]

added a small change to make it so that component_tests uses a built version of the auth plugin 6d6531b

[cmdcolin]

should be good to go? i wasn't sure what token to paste in the storybook example that @garrettjstevens added but seems ok :)

[garrettjstevens]

Yep, this is good to go.