Pyscript in iframe (serverless) #2029

nvdid · 2024-04-17T11:12:55Z

nvdid
Apr 17, 2024

I'm trying to use pyscript in Iframe locally (no src domain, html injected on client side). Tried many things that didn't work. Right now I am creating the iframe like this:

const myHtml = `
<html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PyScript Offline</title>
  
  <link rel="stylesheet" href="https://pyscript.net/releases/2024.4.1/core.css">
  <script type="module" src="https://pyscript.net/releases/2024.4.1/core.js"></script>

</head>
<body>
  <script type="py" config="{&quot;packages&quot;:[[]],&quot;js_modules&quot;:{&quot;main&quot;:{&quot;http://localhost:1306/commonpy.js&quot;:&quot;commonpy&quot;}}}">
from pyscript.js_modules import commonpy
commonpy.print('test 1')
import sys
from pyscript import window
window.console.log("console log")
commonpy.print('test 2')
        
  </script>


</body></html>
`;
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(myHtml);
iframe.contentWindow.document.close();

commonpy.js:

export function print() {
    console.log(JSON.stringify(Array.from(arguments)));
}

Here's the error I get:

Uncaught (in promise) PythonError: Traceback (most recent call last):
  File "/lib/python3.11/site-packages/micropip/_commands/install.py", line 142, in install
    await transaction.gather_requirements(requirements)
  File "/lib/python3.11/site-packages/micropip/transaction.py", line 204, in gather_requirements
    await asyncio.gather(*requirement_promises)
  File "/lib/python3.11/site-packages/micropip/transaction.py", line 210, in add_requirement
    if not urlparse(req).path.endswith(".whl"):
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
TypeError: endswith first arg must be bytes or a tuple of bytes, not str

Can anyone tell me what's going on? Should I open a bug issue for this or am I doing something wrong?

Answered by JeffersGlass

Apr 17, 2024

I'm not sure if it's a bug or not, but using a py-config tag instead of an inline config does cure the symptoms:

const myHtml = `
<html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PyScript Offline</title>
  
  <link rel="stylesheet" href="https://pyscript.net/releases/2024.4.1/core.css">
  <script type="module" src="https://pyscript.net/releases/2024.4.1/core.js"></script>

</head>
<body>

<py-config>
  [js_modules.main]
  "http://localhost:5502/pyscript.core/test/commonpy.js" = "commonpy"
</py-config>

<script type="py">
	from pyscript.js_modules import commonpy
	commonpy.print('test 1')
	import sys
	from pys…

View full answer

JeffersGlass · 2024-04-17T13:40:53Z

JeffersGlass
Apr 17, 2024
Maintainer

I'm not sure if it's a bug or not, but using a py-config tag instead of an inline config does cure the symptoms:

const myHtml = `
<html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PyScript Offline</title>
  
  <link rel="stylesheet" href="https://pyscript.net/releases/2024.4.1/core.css">
  <script type="module" src="https://pyscript.net/releases/2024.4.1/core.js"></script>

</head>
<body>

<py-config>
  [js_modules.main]
  "http://localhost:5502/pyscript.core/test/commonpy.js" = "commonpy"
</py-config>

<script type="py">
	from pyscript.js_modules import commonpy
	commonpy.print('test 1')
	import sys
	from pyscript import window
	window.console.log("console log")
	commonpy.print('test 2')    
</script>
</body></html>
`;

4 replies

WebReflection Apr 18, 2024
Maintainer

alternatively, use a config="config.json" instead to see if that solves ... if it does, and it was the same JSON, it might be a bug but the logis is the same and it's tested so I am struggling a bit to understand where is such bug 🤔

nvdid Apr 19, 2024
Author

alternatively, use a config="config.json" instead to see if that solves ... if it does, and it was the same JSON, it might be a bug but the logis is the same and it's tested so I am struggling a bit to understand where is such bug 🤔

I tried with config.json file and it worked fine

WebReflection Apr 19, 2024
Maintainer

I've tried this locally with zero issues:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://pyscript.net/releases/2024.4.1/core.css">
        <script type="module" src="https://pyscript.net/releases/2024.4.1/core.js"></script>
    </head>
    <body>
        <!-- test.js contains: export default console.log; -->
        <script type="mpy" config='{"packages":[],"js_modules":{"main":{"test.js":"test"}}}'>
            from pyscript.js_modules.test import default as test
            test('OK')
        </script>
    </body>
</html>

your example though used "packages":[[]] with an array within packages so that produces an error ... it's there: "packages":[[]]

as extra note, remember that HTML quotes can be both " or ' and it's up to you to pick what's ore convenient and for JSON definitively you would go with ' for the attribute and just use JSON as content, no need to make it unreadable, both single and double quotes are part of the standard HTML specification.

nvdid Apr 20, 2024
Author

That's right @WebReflection it's working now
No idea where that extra [] came from😅
Thanks for the notes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Pyscript in iframe (serverless) #2029

{{title}}

Replies: 1 comment 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Pyscript in iframe (serverless) #2029

nvdid Apr 17, 2024

Replies: 1 comment · 4 replies

JeffersGlass Apr 17, 2024 Maintainer

WebReflection Apr 18, 2024 Maintainer

nvdid Apr 19, 2024 Author

WebReflection Apr 19, 2024 Maintainer

nvdid Apr 20, 2024 Author

nvdid
Apr 17, 2024

Replies: 1 comment 4 replies

JeffersGlass
Apr 17, 2024
Maintainer

WebReflection Apr 18, 2024
Maintainer

nvdid Apr 19, 2024
Author

WebReflection Apr 19, 2024
Maintainer

nvdid Apr 20, 2024
Author