PyScript reference example no longer working #6995

MarcSkovMadsen · 2024-07-16T16:53:37Z

Does not work with historical versions of Pyscript because they no longer exist

If I try the PyScript reference example at https://panel.holoviz.org/how_to/wasm/standalone.html#pyscript, It no longer works because the pyscript .js and .css files no longer exist.

For example https://pyscript.net/releases/2024.2.1/pyscript.js no longer exists.

Might be related to #6991 and pyscript/pyscript#2118

MarcSkovMadsen · 2024-07-16T16:56:41Z

Does not work with latest versions of Pyscript

If I try to use the latest versions from https://docs.pyscript.net/2024.7.1/beginning-pyscript/ nothing is shown.

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.4.1.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.4.1.min.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.4.1.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@holoviz/panel@1.4.4/dist/panel.min.js"></script>

    <link rel="stylesheet" href="https://pyscript.net/releases/2024.7.1/core.css">  
    <script type="module" src="https://pyscript.net/releases/2024.7.1/core.js"></script>
  </head>
  <body>
    <py-config>
       packages = [
          "https://cdn.holoviz.org/panel/1.4.4/dist/wheels/bokeh-3.4.1-py3-none-any.whl",
          "https://cdn.holoviz.org/panel/1.4.4/dist/wheels/panel-1.4.4-py3-none-any.whl"
       ]
    </py-config>
    <div id="simple_app"></div>
    <py-script>
      import panel as pn

      pn.extension(sizing_mode="stretch_width")

      slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')

      def callback(new):
         return f'Amplitude is: {new}'

      pn.Row(slider, pn.bind(callback, slider)).servable(target='simple_app');
    </py-script>
  </body>
</html>

WebReflection · 2024-07-16T17:12:15Z

I have a dejavu ... are you using also latest bokeh JS version or that part is the old one so that code in Python can't communicate with it? 🤔 'cause we already had that issue and also solved it in our examples https://pyscript.com/@examples/simple-panel/latest

WebReflection · 2024-07-16T17:13:46Z

to clarify, the issue with our examples was the missing pinned version around pyscript and bokeh ... I think we recently solved that with latest too ... I need to double check though

MarcSkovMadsen · 2024-07-16T17:34:21Z

I have a dejavu ... are you using also latest bokeh JS version or that part is the old one so that code in Python can't communicate with it? 🤔 'cause we already had that issue and also solved it in our examples https://pyscript.com/@examples/simple-panel/latest

The reference example https://pyscript.com/@examples/simple-panel/latest you are linking to is using a very old version of pyscript (with the speed pyscript is moving) and an old version of Panel.

I'm using the latest Panel version 1.4.4 together with the recommended bokeh version 3.4.1. See https://panel.holoviz.org/how_to/wasm/standalone.html#pyscript

MarcSkovMadsen · 2024-07-16T17:39:48Z

Just to make sure Panel 1.4.4 and Bokeh 3.4.1 can work with Pyodide, I tried the Pyodide reference example at https://panel.holoviz.org/how_to/wasm/standalone.html#pyodide. And it works.

WebReflection · 2024-07-16T17:50:26Z

Thanks for the pointer ... I can confirm something is off with our custom py type, as the polyscript raw pyodide alternative would just work.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>🦜 Panel Editor Template</title>
    <script src="https://cdn.bokeh.org/bokeh/release/bokeh-3.4.1.js"></script>
    <script src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.4.1.min.js"></script>
    <script src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@holoviz/panel@1.4.4/dist/panel.min.js"></script>
    <script type="module" src="https://pyscript.net/releases/2024.7.1/core.js"></script>
  </head>
  <body>
    <div id="simple_app"></div>
    <script type="pyodide" config="./config.toml">
        import panel as pn

        pn.extension(sizing_mode="stretch_width")

        slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')

        def callback(new):
            return f'Amplitude is: {new}'

        pn.Row(slider, pn.bind(callback, slider)).servable(target='simple_app')
    </script>
  </body>
</html>

I will investigate and fix this tomorrow morning, first thing 👍

MarcSkovMadsen · 2024-07-16T18:00:08Z

For info. I tried the example in the post just above. And I see

The FetchEvent for "<URL>" resulted in a network error response: Cross-Origin-Resource-Policy prevented from serving the response to the client.

MarcSkovMadsen · 2024-07-16T18:03:14Z

The above was using VS Code live server. If I use python -m http.server your example works for me.

WebReflection · 2024-07-16T18:03:15Z

yeah but that's not the issue, it's just your Service Worker still running behind the scene ... go in devtools Application panel, unregister, then go storage, clear all data, then try again without mini-coi around (needed for workers though ... one issue at the time, but about network issues there's little I can do right now).

WebReflection · 2024-07-17T11:42:52Z

we found the culprit of the issue and it looks like it's in your code, as explained in here:
pyscript/pyscript#2123 (comment)

That MR made me suffer a lot to find the culprit of the issue which was our "internal" RUNNING_IN_WORKER constant that, if removed, would've seen panel working at least on the main thread, which was broken too, because you set _IN_WORKER = True anyway within the first try check.

What I see in your code is that you are screaming for js.document and js.window support and we'll be happy to patch that too but please do not branch your logic or nothing really work.

In PyScript, document is meant to be the real thing even out of a worker and literally nothing should be different on your side of affairs. If I miss the reason for you to branch anyhow the logic please let me know but to me it looks like you should fully erase that logic because if document and window are around, you're good to go from our side.

Please let us know how to help there, or please at least fix that line of code where you set _IN_WORKER = True even if you are not in a worker so that _RUNNING_IN_WORKER is already False for a reason.

Once that's done, let's figure out why panel in PyScript doesn't work in workers, hence it cannot work in py-editor use case too.

WebReflection · 2024-07-17T12:10:32Z

I went ahead and tested that panel works in both workers and py-editor if we provide js.window too.

We remain with the:

Error raised while processing Document events: DataCloneError: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': [object Map] could not be cloned.

issue but I can see panel working just fine even from a PyEditor ... you need to remove those lines that branches your logic though around PyScript and if we provide js.window we're all good.

WebReflection · 2024-07-17T12:28:00Z

FYI this fixed panel in both workers and py-editor (on top of removing RUNNING_IN_WORKER due your current logic around)
https://github.com/pyscript/pyscript/compare/bb1d1d64b27e74324e6dd035f13fcd9579e71d9c..5b1c39255b6b48cd5943672e2223f9f0b689e05f

it looks to me your logic around RUNNING_IN_WORKER is not doing the best it can do ... I am personally happy to patch js.window too, for the same reason we patched js.document before, it was to make imported packages just work.

From our perspective, what works on the main thread should work on workers too, that's the portability promise we try to make, but of course there are possible hiccups, in this case the mentioned error and comments like this we're not aware of or fully sure how to help with:

# Ensure we don't try to load MPL WASM backend in worker

Once again, we're here to make it happen, so please let's help each other to do so in the best possible way, thank you!

MarcSkovMadsen · 2024-07-17T19:26:56Z

Thx so much 👍

MarcSkovMadsen added the TRIAGE Default label for untriaged issues label Jul 16, 2024

MarcSkovMadsen mentioned this issue Jul 16, 2024

Panel app does not display in py-editor pyscript/pyscript#2118

Closed

3 tasks

philippjfr mentioned this issue Jul 17, 2024

Fix issue detecting PyScript worker #6998

Merged

philippjfr closed this as completed in #6998 Jul 24, 2024

This was referenced Jul 26, 2024

pyodide-worker raising error with pyodide 0.26.1 #7015

Closed

Add py-editor example with Panel pyscript/examples#22

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

PyScript reference example no longer working #6995

PyScript reference example no longer working #6995

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

WebReflection commented Jul 16, 2024

WebReflection commented Jul 16, 2024

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024

WebReflection commented Jul 16, 2024

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024

WebReflection commented Jul 16, 2024

WebReflection commented Jul 17, 2024

WebReflection commented Jul 17, 2024

WebReflection commented Jul 17, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 17, 2024

PyScript reference example no longer working #6995

PyScript reference example no longer working #6995

Comments

MarcSkovMadsen commented Jul 16, 2024 • edited Loading

Does not work with historical versions of Pyscript because they no longer exist

MarcSkovMadsen commented Jul 16, 2024 • edited Loading

Does not work with latest versions of Pyscript

WebReflection commented Jul 16, 2024

WebReflection commented Jul 16, 2024

MarcSkovMadsen commented Jul 16, 2024 • edited Loading

MarcSkovMadsen commented Jul 16, 2024

WebReflection commented Jul 16, 2024

MarcSkovMadsen commented Jul 16, 2024 • edited Loading

MarcSkovMadsen commented Jul 16, 2024

WebReflection commented Jul 16, 2024

WebReflection commented Jul 17, 2024

WebReflection commented Jul 17, 2024

WebReflection commented Jul 17, 2024 • edited Loading

MarcSkovMadsen commented Jul 17, 2024

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

MarcSkovMadsen commented Jul 16, 2024 •

edited

Loading

WebReflection commented Jul 17, 2024 •

edited

Loading