[next] Provide less magic around the display (#1673)

This commit is contained in:
Andrea Giammarchi
2023-09-05 18:51:10 +02:00
committed by GitHub
parent 489a2bb20e
commit cabb1c72b6
6 changed files with 70 additions and 43 deletions

View File

@@ -1,11 +1,32 @@
<!doctype html>
<html>
<head>
<script type="module" src="../core.js"></script>
<script type="py">
from pyscript import display
display('hello\nworld')
</script>
</head>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@pyscript/core</title>
<link rel="stylesheet" href="../core.css" />
<script type="module" src="../core.js"></script>
</head>
<body>
<py-script id="first">
import pyscript
from pyscript import display
display("Hello", append=True)
pyscript.display("same", append=True)
</py-script>
<py-script id="second">
display("World", append=True) # first has another DIV with World
</py-script>
<py-script id="third">
from pyscript import display
display("A part", append=True)
</py-script>
<py-script id="fourth">
display("!", target="first", append=True)
</py-script>
<py-script worker>
from pyscript import display
display("worker", append=True)
</py-script>
</body>
</html>