Files
pyscript/pyscript.core/test/worker/input.html
Andrea Giammarchi f6dfc5361e 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
2023-06-22 17:29:07 +02:00

52 lines
1.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>python workers</title>
<script type="importmap">
{
"imports": {
"basic-devtools": "../../node_modules/basic-devtools/esm/index.js",
"coincident/window": "../../node_modules/coincident/window.js",
"@ungap/with-resolvers": "../../node_modules/@ungap/with-resolvers/index.js",
"@ungap/structured-clone/json": "../../node_modules/@ungap/structured-clone/esm/json.js",
"@pyscript/core": "../../esm/index.js"
}
}
</script>
<script type="module">
import "@pyscript/core";
</script>
</head>
<body>
<script type="micropython">
from js import Promise, document
deferred = Promise.withResolvers()
def handle_result(event):
inputs = document.querySelectorAll('input')
inputs[0].disabled = True
inputs[1].disabled = True
deferred.resolve(inputs[0].value)
def handle_input(data):
inputs = document.querySelectorAll('input')
inputs[0].placeholder = data
inputs[0].disabled = False
inputs[1].disabled = False
return deferred.promise
w = XWorker('./input.lua', type='wasmoon')
w.sync.input = handle_input
</script>
<input type="text" placeholder="loading ..." required disabled />
<input
type="submit"
micropython-click="handle_result(event)"
disabled
/>
</body>
</html>