Status: Things are starting to work. I'm finding bugs in the Reference Examples. I have to update the gallery notebooks in order to be able to serve them as apps. I would like to configure VS Code to enable showcasing how powerful the combination of Panel and VS Code is.... Also on Binder and in a Jupyter Hub.

So I would really, really like Panel to work in VS Code. But it requires fixing bokeh/jupyter_bokeh#131

Hi @philippjfr

As I see it 1) Binder is working 2) It now comes with a nice setup like panel-jupyter-proxy, panel serve of all gallery examples, vs code integrated and a new, improved index page.

In principle this could be all for this PR except adding a link to binder in different places. For example the README.

BUT all the notebooks need to be walked through and prettified in order to be useable as apps. This could be a lot of work and a lot of minor changes. And to be honest. Even without binder a test and update of the notebooks could be in place (c.f. all the bugs posted, I have just scratched the surface I believe).

Here are my questions.

• Do you want the gallery notebooks updated in general to be responsive and end up in a nice app template?
• Do you want the reference examples updated in general to be responsive and end up in a nice app template?`
• If yes to some of these questions. Do you want separate PRs for each notebook, one large Notebook PR or just this PR with everything?
• Could you answer the question about which link to provide to users posted in the first post? Thanks.

Do you want the gallery notebooks updated in general to be responsive and end up in a nice app template?

No, some of them sure, but definitely not all. The focus should be the feature being demonstrated not making all the examples look like.

Do you want the reference examples updated in general to be responsive and end up in a nice app template?`

Definitely not, in fact I'd argue there's no reason to make these available as apps at all.

Could you answer the question about which link to provide to users posted in the first post? Thanks.

I'll make sure to configure this once you're done here. The link will go in the interactivity warning that floats on the right side.

If yes to some of these questions. Do you want separate PRs for each notebook, one large Notebook PR or just this PR with everything?

Just make a single PR for any coordinated changes like this.

@jbednar . Some things the "default" template would have to know is a lot of configuration.

• Which template?
• Title?
• What goes into sidebar?
• What goes into main?
• How wide should main be?

etc. I don't know how that could be done automatic and removed from the notebooks.

I would actually argue that 1) In practice it is not distracting 2) It's actually showing what the workflow to get to "production" with your dashboard or app is. For many use cases eventually you would need to wrap it into a nice template. 3) It's really valuable as now we have a to share the results of the examples as something that really looks nice and communicates.

So I don't see it as a pain. But a gain :-)

Which template?
Title?
What goes into sidebar?
What goes into main?
How wide should main be?

Here I'd suggest following what existing less-configurable tools like shiny and streamlit do, to give users a gentle introduction to making a Panel app that is easy to get into and may be all they every need to do. E.g. pn.sidebar(panel_object), pn.main(panel_object), pn.title(text), etc., unless someone has a better suggestion. Defaults like how big main should be have to be configurable in a template anyway, so those don't seem like they would affect whether there is a default template.

Here I'd suggest following what existing less-configurable tools like shiny and streamlit do, to give users a gentle introduction to making a Panel app that is easy to get into and may be all they every need to do. E.g. pn.sidebar(panel_object), pn.main(panel_object), pn.title(text), etc., unless someone has a better suggestion

Really not excited about this, I don't want yet another API. I'd be okay with something like:

pn.extension(template='material')

a_component.servable(area='header')
another_component.servable(area='main')
yet_another_component.servable(area='sidebar')

That sounds pretty clean to me!

Status:

• All gallery examples are wrapped in a nice template and running as web apps on Binder.

The only things outstanding are

• Enable customizing the site_url of A Template. Currently clicking the site url in an app on binder sends you to https://hub.gke2.mybinder.org instead of https://hub.gke2.mybinder.org/user/holoviz-panel-4gfpeow4/panel. The user should be able to set this as what is needed depends on the deployment scenario.

• Getting VS Code working again such that it can easily be demonstrated that Panel works equally great in notebook and modern editor/ IDE. C.f. bokeh/jupyter_bokeh#131. I cannot do this but @philippjfr said he would do it.

• Enable serving notebooks as "docs" with static code cells and dynamic output. For example via Voila. See #2241.

More can always be done. But that should be done in other PRs I believe.

Binder is now working as I originally intended it to and more :-).

• You can open jupyter lab in Binder via https://mybinder.org/v2/gh/holoviz/panel/binder?urlpath=lab/tree/examples
• You can open the panel app gallery in Binder via https://mybinder.org/v2/gh/holoviz/panel/binder?urlpath=panel
  • Panel has an improved index/ gallery page
  • You can click the site_title in an app and navigate back to the gallery.
  • Apps are "responsive"
• You can open VS Code on Binder as well. https://mybinder.org/v2/gh/holoviz/panel/binder?urlpath=vscode
• You can open Docs on Binder as well. https://mybinder.org/v2/gh/holoviz/panel/binder?urlpath=docs
• Everything is installed and configured to work with all gallery and reference notebooks.
  • Gallery and reference notebooks work.

Some things are not in scope for me

• Adding links from every example at panel.holoviz.org to the notebook and app on Binder. I hope @philippjfr can/ will do this.

Some things are not working and I am not capable of getting it working

• C.f. bokeh/jupyter_bokeh#131
• Serving notebooks as live "docs" with static code cells and dynamic output. For example via Voila. See #2241.
• And lots more that I created individual bug reports for.

Working Video

Not Working

Watch this video on Youtube https://www.youtube.com/watch?v=gI3qQRVdIIE

@philippjfr Feel free to review and start creating value from this :-) I don't plan to do more on this before getting a review and feedback.

Thanks.