In jupyter, display(HTML(html_code)) only renders correctly the first time it's run

[thorwhalen]

See this video for details.

[Stukova]

@thorwhalen Sorry, I didn't mention that the jupyter notebook I made is for demonstration purposes only. When I created the javascript Cosmos bundle, I wanted to make sure it worked with the IPython.display library. I ran into the same problem and forgot to mention it.
The problem is that when display(HTML(html_code)) is executed more than once, JS runs the script again and tries to create const data again, which is not allowed in JS (see screen recording below).
I think the data will not be created in JS, but in python and somehow converted in the Cosmos python library/wrapper/widget, so there won't be a problem with duplicate const declarations. The cosmos and canvas instances, I assume, will be created once in the python Cosmos library which will be imported once in the jupyter notebook or in the python script as well.

jupyter.Cosmos.issue.mp4

[thorwhalen]

So what can we do about it?

I took your stuff and made a function that would recreate the steps from data that would come from python. But as you see, since I'm using the javascript you created as the template, I have the same problem.

If I had to hack it, I'd have my template create the data variable under a random name every time, so as to not collide with previous names. But it seems quite hacky and would probably fill the RAM.

Could we define the data without the const type and overwrite it every time?

What's the best practice for this that you find in other python binders for JS?

[thorwhalen]

See the py_cosmograph repo (and cosmograph pypi package).

With it I can do this:

But as I mentioned, will have the same problem (see code -- namely my use of an html_template where I inject the data).

[thorwhalen]

You can find this (notebook) code here: https://github.com/cosmograph-org/cosmos-integrations/blob/feature/jupyter/packages/cosmos-jupyter/bak.ipynb