WGLMakie doesn't show the plot in remote server using the Remote Tunnel extension in VSCode

[albertomercurio]

Hello, I want to create some interactive plots using vscode connected to a remote machine using the Remote Tunnel extension. I tried WGLMakie first in a .jl file, the plot panel appeared, but then nothing.

I noticed that, if I connect to the remote server using Remote SSH, it works. I see the localhost:9384 forwarded port and everything is fine. But if I connect to the remote using the Remote Tunnel extension, then the Plot Panel opens and it remains empty. I noticed that the forwarded port doesn't give the localhost:9384 url, but something like https://somecode-9384.euw.devtunnels.ms/ where somecode is some code id which I don't know if I can post here for security.

Then I tried the following. I disabled the Plot Pane, reconnected using Remote SSH instead of Remote Tunnel, executed the code for the simple plot, opened the web browser to the link localhost:9384/browser-display.
Everything worked. Then I tried to do the same connecting through the Remote Tunnel. I opened https://somecode-9384.euw.devtunnels.ms/browser-display, and it was an empty page.

VSCode Remote Tunnel is very useful because you don’t need to connect to a vpn if your remote server is under the organization’s network.

[albertomercurio]

Hello,

Any insights on this?

[SimonDanisch]

I don't know how this works and have no way to reproduce it.
But if the only issue is, that things get served at a proxi'ed url, setting proxy_url should help.
You can try calling this, before any plotting is done:

using Bonito
Bonito.configure_server!(proxy_url="https://somecode-9384.euw.devtunnels.ms")

[albertomercurio]

Ok it worked. Thanks.

To do that, I had to open the 9384 port first, then a link like https://somecode-9384.euw.devtunnels.ms appeared in the ports window. I then disabled the plot panel and run the code. The interactive plot opened on a browser window.

Is there a way to make it work also inside the vscode plot pane?

[SimonDanisch]

What happens if you enable the vscode plotpane?

[albertomercurio]

The plot pane appears, but empty. Julia keeps running for a minute or so and then nothing happens.

I have also tried to open the simple browser in VSCode and paste the web url working on an external browser, but I still see a blank page.

[SimonDanisch]

Hm hard to tell what exactly happens.
What's the output of:

using Bonito, WGLMakie
Bonito.configure_server!(proxy_url="https://somecode-9384.euw.devtunnels.ms")
# enable plot pane
display(scatter(1:5))
server = Bonito.get_server()
println(server)