Reusable zen-fs file explorer UI component ?

[davidsm10]

Hi, are there any plans to make a project with a file explorer UI component that can be reused by others projects using zenfs?
Or is the playground eventually will become more featured and allow to be reused?
Or do you know any others project that do this?

[WofWca]

Related discussion: https://github.com/orgs/zen-fs/discussions/134
The playground: https://github.com/zen-fs/playground (https://zenfs.dev/playground/).

[james-pre]

Hey everyone!

I haven't developed any UI components for ZenFS yet, though if there is enough community interest I could give it a try.

I'm not aware of any 3rd party projects for UIs. Feel free to develop one though!

I guess the playground UI could be upgraded and extracted into it's own library. Right now it uses direct DOM manipulation, so that could make an overhaul somewhat difficult.

[WofWca]

Thanks for the reply!
There is this library which UI-wise looks pretty similar https://github.com/davidsm10/emscripten-fs-file-explorer-ui
But it's made to interface with Emscripten FS currently. We're thinking of forking it and migrating to zen-fs.

[james-pre]

Once I finish fixing a set of bugs with @zenfs/core (#288), I'll prototype some reusable UI.

I think mainlining a UI would be could since then any updates to ZenFS would mean a maintainer or contributor updates the UI as well.

I'm currently on vacation so it may take me a few days to get started on all the work.

[davidsm10]

Great!
Btw, we also ported https://github.com/davidsm10/emscripten-fs-file-explorer-ui to use nodejs fs API, so it can be used with zenfs, memfs or any other browser implementation of the nodejs fs API. Although this is not very featured and the interface is kind of ugly, but improvements may come later.

https://github.com/davidsm10/nodejs-fs-explorer-ui
https://github.com/davidsm10/nodejs-fs-explorer-ui-bundle