mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-19 18:27:29 -05:00
Implement PyScript custom <script type> (#1548)
* updated MicroPython to latest in order to have `globals` API available * reduced code around helpers for both MicroPython and Pyodide as now these are more aligned * updated all dependencies and brought in latest [coincident/window](https://github.com/WebReflection/coincident#coincidentwindow) goodness to any `xworker`, preserving the `sync` previous behavior * using [@ungap/structured-clone/json](https://github.com/ungap/structured-clone#tojson) as *coincident* default `parse` and `stringify` utility to allow recursive and more complex data to travel back from the *Worker* (forward data is still fully [structured clone algorithm compatible](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm)) * renamed all *plugin/s* references to *custom/s* as plugin as a word was too misleading * changed *custom types* helpers logic to allow any single node to have its own version of the interpreter wrapper, and all the extra fields it carries with it, including a way to augment every interpreter execution, among as every worker code execution * created a `custom` folder where I've landed the very first `pyscript.js` custom type * created an exhaustive test page to demonstrate the current abilities of *PyScript Next* among its ability to expose utilities that can be used to create *PyScript* plugins
This commit is contained in:
committed by
GitHub
parent
0a7e1ce0d7
commit
f6dfc5361e
@@ -3,24 +3,30 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<title>PyScript</title>
|
||||
<style>
|
||||
py-script {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<script type="importmap">
|
||||
{ "imports": { "@pyscript/core": "../../min.js" } }
|
||||
<title>PyScript Next</title>
|
||||
<script type="importmap">{ "imports": { "@pyscript/element": "../../pyscript.js" } }</script>
|
||||
<script type="module">
|
||||
// how would PyScript plugins add their own behavior?
|
||||
import { hooks } from "@pyscript/element";
|
||||
let counter = 0;
|
||||
hooks.onBeforeRun.add((pyodide, { localName }) => {
|
||||
// console.log(++counter, 'elements so far', localName, pyodide);
|
||||
});
|
||||
</script>
|
||||
<script type="module" src="py-script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend id="dary"></legend>
|
||||
Something something about something ...
|
||||
</fieldset>
|
||||
<py-config>
|
||||
[[fetch]]
|
||||
from = "../"
|
||||
to_folder = "./"
|
||||
files = ["a.py", "b.py"]
|
||||
</py-config>
|
||||
|
||||
<!-- <py-script next> -->
|
||||
<py-script>
|
||||
import js
|
||||
import a, b
|
||||
@@ -29,8 +35,24 @@
|
||||
'Hello Web!'
|
||||
</py-script>
|
||||
<py-script>
|
||||
# note the target is this element itself
|
||||
display('second <py-script>')
|
||||
</py-script>
|
||||
<py-script>
|
||||
# note this is late to the party simply because
|
||||
# pyodide needs to be bootstrapped in the Worker too
|
||||
XWorker('../a.py')
|
||||
'OK'
|
||||
</py-script>
|
||||
|
||||
<!-- <script type="py"> -->
|
||||
<script type="py">
|
||||
# not the target is inferred as companion element
|
||||
display('first <script type="py">')
|
||||
</script>
|
||||
<script type="py">
|
||||
# note the target here is different
|
||||
display('second <script type="py">', target="dary")
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user