Document how to install packages that py-editor can use #1907

MarcSkovMadsen · 2023-12-26T09:31:21Z

MarcSkovMadsen
Dec 26, 2023

To me it seems the py-editor cannot use the packages I've installed. Please support or document this and add an example to the pyscript examples.

<html>
  <head>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.3.2.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.3.2.min.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.3.2.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@holoviz/panel@1.3.6/dist/panel.min.js"></script>
    <script type="module" src="https://pyscript.net/releases/2023.12.1/core.js"></script>
  </head>
  <body>
    <div id="simple_app">Loading ...</div>
    <script type="py" config='{"packages":["panel"}'>
      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>
    <script type="py-editor">
        import panel as pn
        
        pn.extension()
        
        slider = pn.widgets.IntSlider(name="Select a value", value=10, start=0, end=100)
        pn.Column(
            pn.rx("You selected: {}").format(slider),
        ).servable(target="editor")
    </script>
    <div id="editor"></div>
  </body>
</html>

MarcSkovMadsen · 2023-12-26T09:55:36Z

MarcSkovMadsen
Dec 26, 2023
Author

Its the same issue for this example

<html>
  <head>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.3.2.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.3.2.min.js"></script>
    <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.3.2.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@holoviz/panel@1.3.6/dist/panel.min.js"></script>
    <script type="module" src="https://pyscript.net/releases/2023.12.1/core.js"></script>
  </head>
  <body>
    <script type="py-editor" config='{"packages":["panel"}'>
        import panel as pn
        
        pn.extension()
        
        slider = pn.widgets.IntSlider(name="Select a value", value=10, start=0, end=100)
        pn.Column(
            pn.rx("You selected: {}").format(slider),
        ).servable(target="editor")
    </script>
    <div id="editor"></div>
  </body>
</html>

0 replies

WebReflection · 2024-01-02T11:43:05Z

WebReflection
Jan 2, 2024
Maintainer

I think the main issue here is that you are not attaching a config to the editor, so that all it consider as config is the <py-config> on the page, which is not there in your examples. You should either try to create such tag in your page so that by default all workers and/or plugins would use the same config too, or you need to check if we parse the config in the custom py-editor type too ... if we do, that's your problem solved, if we don't, I think we should make it possible to define a config for the editor too.

5 replies

MarcSkovMadsen Jan 2, 2024
Author

Thx. What do you mean by "... not attaching a config to the editor"?

WebReflection Jan 2, 2024
Maintainer

a config attribute to it

MarcSkovMadsen Jan 2, 2024
Author

Is that not what I have done in #1907 (comment)?

WebReflection Jan 2, 2024
Maintainer

apologies I got stuck in the first example in your OP ... if that doesn't work, this sounds like a bug or feature to add indeed 👍

MarcSkovMadsen Jan 3, 2024
Author

No worries. I appreciate the help. Thanks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Document how to install packages that py-editor can use #1907

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments 5 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Document how to install packages that py-editor can use #1907

MarcSkovMadsen Dec 26, 2023

Replies: 2 comments · 5 replies

MarcSkovMadsen Dec 26, 2023 Author

WebReflection Jan 2, 2024 Maintainer

MarcSkovMadsen Jan 2, 2024 Author

WebReflection Jan 2, 2024 Maintainer

MarcSkovMadsen Jan 2, 2024 Author

WebReflection Jan 2, 2024 Maintainer

MarcSkovMadsen Jan 3, 2024 Author

MarcSkovMadsen
Dec 26, 2023

Replies: 2 comments 5 replies

MarcSkovMadsen
Dec 26, 2023
Author

WebReflection
Jan 2, 2024
Maintainer

MarcSkovMadsen Jan 2, 2024
Author

WebReflection Jan 2, 2024
Maintainer

MarcSkovMadsen Jan 2, 2024
Author

WebReflection Jan 2, 2024
Maintainer

MarcSkovMadsen Jan 3, 2024
Author