Support `Highcharts Python` in `Panel` about highcharts-core HOT 3 OPEN

from panel.reactive import ReactiveHTML
import param

class PanelHighchart(ReactiveHTML):
    chart_js: dict = param.String()

    _template: str = """<div id="phighchart"></div>"""
    _scripts: dict = {}
    __javascript__ = ["https://code.highcharts.com/highcharts.js", "https://code.highcharts.com/modules/exporting.js"]
    prefix: str = "document.addEventListener('DOCContentLoaded', function() {"
    suffix: str = "});"
    
    def __init__(self, **params):
        super().__init__(**params)
        self._scripts = self._generate_highchart(self.chart_js)

    def _generate_highchart(self, chart_js: str):
        # remove the prefix and suffix
        chart_js_literal: str = chart_js[len(PanelHighchart.prefix):len(chart_js)-len(PanelHighchart.suffix)]
        
        # and replace null with the phighcharts div, which we can reference in the scripts as if the variable already exists
        chart_js_literal = chart_js_literal.replace("null,", "phighchart,")
        
        init: str = """console.log("Initing...");
if (phighchart !== null) {
    """ + chart_js_literal + """
} else {
    console.log("Not found...");
}"""
        render: str = f"""console.log("Rendering...");
self.init();"""
        scripts: dict = {
            "init": init,
            "render": render
        }
        return scripts