shadowdom panel example

panel.lua

command.define {
  name = "TEST PANEL: OPEN",
  run = function(args) showPanel() end
}

function showPanel()
  local panel = dom.div { id = "panel-content" }
  
  -- implement script in lua like this ->
  panel.onclick = function() panel.textContent = panel.textContent .. "\n Clicked on panel from lua" end
  
  local styles = dom.style {}
  styles.textContent = [[
  #panel-content {
    height: 100vh;
    background: darkgreen;
    white-space: pre-wrap;
  }
  ]]
  
  editor.showPanel("lhs", 0.5, { styles, panel }) -- <- pass array of elements which can include style elements
end