search

MSD-LIVE / issues

0 stars 0 forks source link

Evaluate react file browsers to find one that will work for S3 #20

Closed clansing closed 1 year ago

clansing commented 1 year ago

We are looking to replace the files section of the Invenio RDM UI with a file browser that allows users to browse an S3 bucket subpath. We need a framework that is actively supported and has a well documented API.

zguillen commented 1 year ago

Chonky – appears to be dying on the vine, unanswered issues on github, author isn’t answering on discord Repo in state of disarray, their website shows an s3 storybook but it’s not in their source, but I found the s3 example in another repo marked as read-only ☹ Storybook code with s3 example won’t run, it’s in discontinued repo Author has only 1 commit in 2022, only 4 in 2021

jaredLunde/exploration: ⛵ Primitives for creating high performance file explorers with React (github.com) cannot get example to run locally...

zikaari/aspen: Most advanced nested tree renderer for React apps (github.com) turns out that although this has ‘795 weekly downloads’ it’s all just because it’s used in pgAdmin4, I couldn’t find any other repos on github using it. Their demo linked from github page returns 404. 7 commits over past 3 years

OpusCapita/filemanager: React based FileManager for browser ( + FS REST API for Node.js and Express) (github.com) Lots of releases in 2021, only 1 small one in 2022 No doc on how to write connector (says documentation will appear later) Demo won’t connect to google drive (deleted account), clicking on Toolbar breaks things Couldn’t build / run sample locally, no docs

Perhaps monaco? An example of someone else using their tree monaco-tree/monaco-tree.js at master · BlueMagnificent/monaco-tree (github.com) seems to be a pain to set up and example not performant at all – not really what we need, includes a lot of editing actions/context menus/decorators that doesn’t apply

Conclusion: Option1. Write our own, check out react-window (1+million weekly downloads) to make it perform for large datasets react-window - npm (npmjs.com) Option 2. Purchase syncfusion’s File Manager · Overview · Syncfusion React UI Components File Manager · Amazon S3 File Provider · Syncfusion React UI Components $1k/year/developer Buy JavaScript Controls | Pricing | Syncfusion

zguillen commented 1 year ago

I finally got demo of 'exploration' exploration - npm (npmjs.com) to run locally: C:\workspace\MSD-LIVE\file-explorers\exploration\react-typescript. It might save us some work...? it seems to be the most active of the repo's I found