Add live code editing using thebelab

This MR adds the ability for live code editing.

• Code that is not allowed to be edited should be marked using {python editable=false}. A button under this cell will appear that enables editing for all cells.
• Code that should run on initialization should be marked using {python initialize=true}. This code is automatically run when the kernel is connected.

Todo:

• Wait until 2 PRs are merged into thebelab so we can use them.

Right now thebelab-custom.js is missing, should I push this temporarily?

Sure

added 1 commit

• cf2d0ce6 - Temporarily add thebelab-custom.js

Compare with previous version

You cannot type S and F right now, as they are shortcuts for focusing the search field.

This is so awesome!

I suggest to make {python editable=true} the default, and only include {python editable=false} if necessary.

We probably want only a single "make live" button at the top of the document.

(I think it's excessive if it appears next to every single output)

added 3 commits

• cfb19013 - Actually hide the restart button
• 34657f16 - Make editable the default
• 4f8120fe - Specify all initialization code

Compare with previous version

TODO: wait until https://github.com/minrk/thebelab/pull/131 and https://github.com/minrk/thebelab/pull/132 are merged and the new version of thebelab is released.

Then we should remove the inlined thebelab.

plotly plots seem to be unaffected by activating thebelab; likely because they are not wrapped in the correct tag.

added 2 commits

• 3be508a7 - Correct version of thebelab-custom.js
• 5f2d75b7 - Only single make live button at top

Compare with previous version

I accidentally pushed a version of thebelab-custom.js which only contained one of the two fixes. Now they should both be there.

This means importing from common.py now actually works, so the output of the graphs is larger and in svg format.

added 1 commit

• dbce63b3 - Only show make live button if there is editable code

Compare with previous version

There's a visual problem here:

changed the description

added 1 commit

• 5b289004 - Add support for plotly with thebelab

Compare with previous version

added 1 commit

• 76b8e99f - Make live button as magic wand

Compare with previous version

added 4 commits

• 32ebdb79 - Merge plotly init cell with main init cell
• 7887bc07 - Add stream block again
• b2a457b6 - Keep showing magic wand button
• 562dc230 - Remove unneeded plotly library

Compare with previous version

After activating thebelab, latex code used in plotly plots is rendered again above the plot by Mathjax. For example here:

mentioned in issue #58 (closed)

resolved all discussions

mentioned in issue #59 (closed)

unmarked as a Work In Progress

merged

mentioned in commit 3f199919