Support embedding (web component, easier iframing, etc)

[ochafik]

Some potential use cases (suggestions highly welcome!):

<openscad-playground code="cube([10, 10, 10]);"></openscad-playground>

<openscad-playground>
  cube([10, 10, 10]);
</openscad-playground>

<script type="openscad">
  cube([10, 10, 10]);
</script>

[pks5]

I think it would be nice to integrate it as web component, like your 2nd

<openscad-playground export-format="stl" theme-color="#ff0000" visible-panes="edit view" customizer-values="myVar: 45; myOtherVar:'Hello, World!';">
myVar = 12;
myOtherVar = 'Hi!';
cube([myVar, 10, 10]);
</openscad-playground>

Here are some ideas:

• Property to refer to an existing script inside a library which was integrated via Make
• Property to set the primary color of the theme so it integrates seamlessly to the surrounding page
• Property to set the preferred export format
• Property to specify a list of customizer default values, that are used to prefill the customize pane
• Property to set the visible panes (edit, view, customize)

[pks5]

It would be also nice to be able to read information from the playground in real time, such as currently open file, currently visible tabs, current set of customizer variables.

Even without implementing a web component, there could be a frame message api so we can communicate with the playground via frame messages.