Audit packages that are included in jbrowse plugins, and consider for re-exports

[cmdcolin]

example: jbrowse-plugin-gwas is relatively small but it is 700kb minified, larger than jbrowse-web initial load even

the esbuild bundle analyzer shows many packages are included that likely could be obtained from reexports

note that this behavior is a bit risky in both directions

changes to reexports can cause backwards incompatibility, but also, not getting the deps from reexports means there is the potential for weird runtime conflicts with the jbrowse core imports which is a forward compatibility issue

https://esbuild.github.io/analyze/

[cmdcolin]

here is jbrowse-plugin-msaview

[cmdcolin]

and protein3d just for fun comparison. it's a chonky one

it would be nice if it could be lazy loaded but the plugins don't currently have a lazy loading concept or at least it hasn't been tested out

[cmdcolin]

this issue can also manifest in another way: just importing one function from @jbrowse/core involves tons of dependencies being included

importing {max} from @jbrowse/core/util (a one line function) involves lots of dependencies being included. this is kind of visible in the above screenshots with ufuzzy (a text search function) being included in the bundle

to fix, it might require converting to ESM (which is better about extracting single exports) or splitting up @jbrowse/core further

[cmdcolin]

Converting jbrowse core to ESM in v4 fixed the issue

Here is jbrowse-plugin-gwas build with @jbrowse/core v3 (cjs), the bundle size is 743kb

Here is jbrowse-plugin-gwas build with @jbrowse/core v4 (esm), the bundle size is just 102kb, a dramatic reduction

can close

Please note that for esbuild we use code to remap @jbrowse/mobx-state-tree into the JBrowseReExports['mobx-state-tree'] rather than JBrowseReExports['@jbrowse/mobx-state-tree'] at runtime

https://github.com/cmdcolin/jbrowse-plugin-gwas/blob/26cbe65d1e37c017453d8050f149d207e7e4e8c8/esbuild.mjs#L35

A similar change for rollup could be done for the plugin template

[cmdcolin]

even the code in v4 above could be analyzed a bit further to see if there are further updates. the use of 'react-is', 'emotion', 'd3-color','d3-scale','d3-interpolate','d3-format' 'd3-array', '@floating-ui', '@jbrowse/core/jexl', 'tss-react', 'plugin- wiggle', etc could likely be better reexported maybe