Add panel-lite-editor

[MarcSkovMadsen]

Implements #5768. In #5769 I made a lot of experiments. I learned that to create a general panel-lite playground we need to

• Use an iframe with pyodide loaded once
• Create the html template from the code on the fly to support js extensions and templates

Video

https://github.com/holoviz/panel/assets/42288570/9233d654-0785-4207-a071-442a42f41171

Resources

• Live Py Plugin
• Ace + Pyodide

[codecov[bot]]

Codecov Report

Merging #5812 (ae5bbbd) into main (0169933) will increase coverage by 9.98%. The diff coverage is n/a.

@@            Coverage Diff             @@
##             main    #5812      +/-   ##
==========================================
+ Coverage   72.37%   82.35%   +9.98%     
==========================================
  Files         290      290              
  Lines       42235    42235              
==========================================
+ Hits        30566    34783    +4217     
+ Misses      11669     7452    -4217     

Flag	Coverage Δ
ui-tests	38.35% <ø> (?)
unitexamples-tests	72.37% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

see 71 files with indirect coverage changes

:mega: Codecov offers a browser extension for seamless coverage viewing on GitHub. Try it in Chrome or Firefox today!

[MarcSkovMadsen]

Looking at the numpy web page. The below might be a simple solution if we enable easily copy-pasting code from a gallery?

[Coderambling]

Like it! But would it not need to support some form of Intellisense to be easier to use?

As for code <-> output, @ahuang11 made a great example with code-editor + Panel / Holoviz + AI that does something similar. Would that be of use?