CUNY Academic Commons

I've been reading about Jupyter Notebooks a little, and I would like some help getting a handle on use cases, because I think there's potentially a couple of overlapping requests here.

1. Rendered Jupyter Notebook output

From my understanding, Jupyter Notebooks is a set of tools for generating certain output formats based on sets of static Python code and shared data sets. HTML is one of the possible output formats, and Jupyter has a first-party tool called nbconvert to generate this kind of input. But nbconvert creates HTML files that then need to be copied (along with CSS and HTML) into WP posts, in a way that's impractical; and in any case, these files are static, in the sense that they're created at a single moment in time and need to be regenerated if the code and/or data changes. So one goal here might be to adopt a pipeline that allows the embedding of a Notebook output into a WP post in a way that is easy to manage, and is truly dynamic (if the source code or data changes, so too does the output). There's some prior art here, though the devil is in the details. Some examples:

- http://www.andrewchallis.co.uk/portfolio/php-nbconvert-a-wordpress-plugin-for-jupyter-notebooks/ uses the https://nbviewer.jupyter.org/ application and embeds it
- https://reflectivedata.com/jupyter-notebooks-in-wordpress/ has a proof-of-concept that puts the Notebook output directly into the post content (no embedding) but they don't share the code. It also depends on the Notebook being hosted on Google Colaborator
- https://wordpress.org/plugins/documents-from-git/ appears to take a GitHub/GitLab URL, send it to nbviewer, get the rendered HTML from nbviewer, and then output it via shortcode

The last option seems like the most straightforward, but it requires that the code is hosted on a public Git platform.

2. Code examples more generally

Tools like https://repl.it/languages/python3#main.py and https://codepen.io are online editors where you can write/edit code in a web browser, and have the application render the output at the very same time. The use case here is a bit different, since the focus is not just on the script output, but also on an in-browser editable version of the script itself. The Block Editor has native support for Codepen embeds, and we could install a plugin to add Classic support for it. https://blog.codepen.io/documentation/wordpress-plugin/ It's not clear to me whether or how this kind of dynamic setup is possible for Jupyter Notebooks specifically, but it looks like it should be possible to add oEmbed support for Repl.it https://docs.repl.it/repls/embed.

Could I get more background from users interested in this feature in exactly what they're trying to accomplish?

Thanks to all for the feedback.

As I suspected, there are a couple of parallel requests in this thread. The request for repl.it embedding is pretty straightforward, so I've taken care of it here. https://github.com/cuny-academic-commons/cac/commit/b6642eb3add519027254a2fc231730e590a61330 Paste a repl.it URL on its own line and it will embed. If you need more control over the iframe size, use the shortcode: [replit url="https://repl.it/@Mr_RR1/Examples#main.py" width="50%" height="600px"] This will be available after today's release.

Jupyter integration is more complex. I'll start a new ticket to track it.