mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-19 18:27:29 -05:00
f6dfc5361e
* 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
59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<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>
|
|
</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
|
|
print('Hello Console!')
|
|
js.console.log(a.x, b.x)
|
|
'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>
|