About load custom Scirpt

[Lafatalite]

Hello,
I want to load three.js for custom development on a front-end page. I noticed that directly inserting the <script> tag into the HTML file within the Vue framework doesn't work. What should I do to load a custom script correctly?

[johnwason]

Take a look at the motion program package using the load_js_src() function: https://github.com/pyri-project/pyri-robotics-motion-program-browser/blob/master/src/pyri/robotics_motion_program_browser/robotics_mp_plugin_init.py

This package also uses a web server plugin to add resource files: https://github.com/pyri-project/pyri-robotics-motion-program/blob/e896554301ddc25b8bebde2b5610496fda4c7b32/src/pyri/robotics_motion_program/webui_server.py#L9

The PyriWebUIResourceRouteHandler(__package__).handler will automatically serve the contents of webui_static in the package.

[Lafatalite]

Hello,I am trying to add a page that needs to display several images. I attempted to add a webui_static folder to the project and inject it using PyriWebUIResourceRouteHandler(__package__).handler, but it was unsuccessful. I added a webui_server.py file and then added a load point in pyproject.toml, but I cannot access the images in webui_static from the frontend. Where did I go wrong?

[johnwason]

Hi @Lafatalite

The simplest solution to showing images is to use "data urls" and embed the image as base64. https://developer.mozilla.org/en-US/docs/Web/URI/Schemes/data

I will need to track down the problem you are having with the webui server plugin but I may not have time for a few days.