@pyscript/core PyScript Next into nuxt/vue app integration problems #1838
-
|
Hello there, Sadly not a smooth experience so far. I got it somewhat working though. So far tried with pretty much everything at default (so pyodide only):
Had/have the following problems:
<script setup lang="ts">
import { PyWorker, hooks } from '@pyscript/core';
hooks.onInterpreterReady.add((utils: any, element: any) => {
console.debug(element, 'found', 'pyscript is ready');
});
</script>
That's it for now. PyWorker works, I also tested I really like the project and hope there are some other people with some nuxt and/or @pyscript/core experience who could help me out a bit. Thanks |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 5 replies
-
|
I dug a bit into pyodide and found a solution for point 7. file = open(file_path, "rb")
byte_buffer = file.read()
file.close()
blob = Blob.new([to_js(byte_buffer)], {type: "application/octet-stream"})
blob_url = URL.createObjectURL(blob)
sync.output({"blobUrl": blob_url})On the javascript-end I can fetch the data which is probably a fetch from cache. Then use the binary data to provide a download or in my case i fetch it as text content: worker.sync.output = (data) => {
(async () => {
const blob = await fetch(data.blobUrl).then((r) => r.blob());
out.value = await blob.text();
})();
};Seems a good approach, but I would still like to know if there is a better or more comfortable way. |
Beta Was this translation helpful? Give feedback.
-
|
lot of points but I can't really help much with your setup so point 1 and 2 will be skipped ... other points:
I hope some answer is helpful, feel free to ask more though. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your quick reply. So I ditched Sadly there is no easy way to get script tags into vue-components, as the template is just not meant for it. There are workarounds of course, but I decided to go with workers only as I need to do some heavy computation stuff anyway. I then inspected the documentation at https://pyscript.github.io/polyscript/ and figured most stuff out. Surely more of the typings can be provided for the imported stuff. For the sync-methods I wrote my own interface which extends from I have a working XWorker which can communicate bidirectional with the sync-interface. I use then blob-urls to access binary data created form the worker. https://pyscript.github.io/polyscript/#just-the-xworker says I only need new Hook('pyodide', {
worker: {
onReady: () => {
console.log('pyodide is ready');
},
},
});This seems not to work. Do I need to add the hook-instance somewhere? |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
FYI types should be back in once this gets approved: #1843 |
Beta Was this translation helpful? Give feedback.
-
|
Thank you very much, I've got everything working to my satisfaction for now. |
Beta Was this translation helpful? Give feedback.
-
yeah sounds about right.
I had to go through the same exercise as you and decided to maintain a library on top of polyscript. feel free to look at it for inspiration: https://bugzpodder.github.io/pysandbox/ |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. For now I have what I need, but I might take a look at some point, seems also a nice project you've made there. |
Beta Was this translation helpful? Give feedback.
lot of points but I can't really help much with your setup so point 1 and 2 will be skipped ... other points:
<py-script>both exists but it's mostly for backward compatibility and it warns if it contains some HTML tag. The recommended way to use PyScript is via<script type="py">which would solve everything you are witnessing unless your vite/setup complains also there about unrecognized type ... which I don't know, but "this is the way"xworker.syncas that's al unknown until you define it and it's hard to explain to TS because it could be either sync (worker) or async (main) ... if anyone is willing to help out there, please file a PR. That be…