Is there a FilePicker?

[scimax]

I was testing the details.md and playing around with the interactive elements. What I couldn't find is a way to get a filepath via a filepicker. I think one could get something like that by using the dropdown variables but it probably requires a lot of effort to write the python backend such that it's possible to navigate through the whole file hierarchy.

[SimonBiggs]

I haven't made one no. Primarily I have been trying to expose elements that have been created over at https://material.angular.io/components/categories (which doesn't have a file picker).

However, making a file picker for easy use on my end shouldn't be difficult.

Something like <variable-file>? Really all I would need to do is expose the following HTML API as a markdown element:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

What do you think?

[SimonBiggs]

Ahh unfortunately that won't work. :(

https://stackoverflow.com/questions/15201071/how-to-get-full-path-of-selected-file-on-change-of-input-type-file-using-jav

[SimonBiggs]

I'll think further about it. Let me know if you have any ideas for a nice simple implementation.

[SimonBiggs]

@scimax Have a look at the following discussion:

https://groups.google.com/forum/#!topic/jupyter/EmsrRq3bs3M

A solution to the problem mentioned there will solve your issue too. Ideally a file picker would not be stuck inside of ScriptedForms, but instead made with something like ipywidgets and then used within ScriptedForms.

I haven't put much work into making sure all elements of ipywidgets work seamlessly with ScriptedForms, but I want it to, and this is a good use case to focus on to make that the case.

@jasongrout do you know of anyone who has made a filepicker with ipywidgets and has had it be able to return an absolute file path? As in not load the file through html and javascript, but instead use the python kernel to find the file and have the output be the filepath, not the file object.

[jasongrout]

I don't know of work like that, but it sounds useful!

[SimonBiggs]

All right :). Time for me to sharpen my ipywidget skills :)

[SimonBiggs]

@jasongrout I'm guessing a good way about it would be to build upon the design of the JupyterLab file browser and try and package it as an ipywidget. Except I'll have to swap out the backend. Instead of dealing with the the JupyterLab content manager I'll have to have a way that it can browse to any directory.

I guess in a way this is related to the following issue:

jupyterlab/jupyterlab#2532

Would maybe a better option be to work on making it so that there is a configuration option which allows the current file picker to browse any directory? It wouldn't be the default, but it would be an option. And then when I wrap up the file browser as an ipywidget I just pass the "browse anywhere" flag.

@jasongrout what do you think?

[scimax]

Sounds like an interesting approach! A friend of mine used ipywidgets a lot. I will ask him whether he tried to make a filepicker. So far I never tried that.

[jasongrout]

Would maybe a better option be to work on making it so that there is a configuration option which allows the current file picker to browse any directory?

The server (or rather, the default contents manager in the server) does not expose the filesystem above the startup directory - that's a builtin security constraint of the notebook server's contents manager. To get around this security restraint, you'd need to use a custom contents manager in the notebook server.

[SimonBiggs]

Thanks @jasongrout for your help :).

@scimax let me know how you go :) First thing I guess would be to decide if it would be best to use the JupyterLab filebrowser javascript library as a starting point for a front end, or some other js library.

I'll have a look around. If you're friend is keen on working on it too let me know, we should probably make a separate repo and give it a try.

[SimonBiggs]

I might take a second look at writing a custom contents manager.

[SimonBiggs]

This looks like a good start:

https://gist.github.com/DrDub/6efba6e522302e43d055

[scimax]

This looks like a good start:
https://gist.github.com/DrDub/6efba6e522302e43d055

Nice! I tried it and it works quite well, but the appearance could be improved a little bit ;)

[SimonBiggs]

It also doesn't currently work within ScriptedForms... So I need to fix that (see https://gitter.im/jupyterlab/jupyterlab?at=5afc1ddcb84be71db90f64b8).

I think I'll make ipywidgets a first class citizen of ScriptedForms. And given the likely common need for a file-picker I think I will essentially create a "shortcut" to an ipywidget file-picker built in directly to ScriptedForms.

The user should just write <variable-filepath>a_variable_name</variable-filepath> and a filepicker should display, which causes a_variable_name to match the absolute path chosen within the picker.

Under the hood it will actually just write in a code block creating the ipywidget.

I'll make sure to make the looks fit in with the rest of ScriptedForms also ;).

[SimonBiggs]

Or maybe I need another 'namespace' for widgets. Maybe <widget-filepicker>a_variable_name</widget-filepicker> hmm... more thought required on that.