pyjs-examples 0.0.1__py3-none-any.whl

pyjs_examples/samples/ui_dialog/ui_dialog.py

@@ -0,0 +1,65 @@
+from pyjs import js
+from pyjs.web.domx import CustomElement, ref, tag, tw
+from pyjs.web.ui.dialog import (
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+)
+
+
+@js
+class DialogSample(CustomElement):
+    def __init__(self):
+        super().__init__()
+        self.close_button = ref(DialogClose("Close"))
+        self.dialog = ref(
+            Dialog(
+                DialogTrigger("Open dialog"),
+                DialogContent(
+                    "Welcome to PyJS",
+                    DialogHeader(
+                        DialogTitle("Welcome to PyJS"),
+                        DialogDescription(
+                            "This accessible modal is implemented with native browser APIs."
+                        ),
+                    ),
+                    DialogFooter(self.close_button),
+                ),
+            )
+        )
+        tag(
+            self,
+            tag(
+                "main",
+                tw("grid min-h-screen place-items-center bg-slate-50 font-sans text-slate-950"),
+                tag(
+                    "section",
+                    tw(
+                        "w-full max-w-md rounded-xl border border-slate-200 "
+                        "bg-white p-8 text-center shadow-lg"
+                    ),
+                    tag("h1", tw("mb-2 text-2xl font-semibold"), "Native dialog"),
+                    tag(
+                        "p",
+                        tw("mb-6 text-sm leading-6 text-slate-500"),
+                        "Open the dialog to see focus management and accessible modal behavior.",
+                    ),
+                    self.dialog,
+                ),
+            ),
+        )
+
+
+def main():
+    return DialogSample()
+
+
+if __name__ == "__main__":
+    from pyjs.server import serve
+
+    serve("ui_dialog")

pyjs_examples/space_invaders/README.md

@@ -0,0 +1,45 @@
+# Void Patrol
+
+Void Patrol is a compact Space Invaders-style WebGPU game implemented in Python and
+transpiled to JavaScript by pyjs.
+
+It demonstrates:
+
+- deterministic game-state updates that run in Python and JavaScript
+- a WebGPU renderer using dynamic vertex buffers and direction-aware, depth-tested geometry
+- keyboard controls and a request-animation-frame game loop
+- score, lives, wave progression, collisions, and restart behavior
+- observable summary state mirrored onto custom-element DOM attributes
+- browser render regression testing against a stored PNG
+
+## Run the game
+
+From the repository root:
+
+```bash
+.venv/bin/python -m pyjs_examples.space_invaders
+```
+
+Open `http://127.0.0.1:8000/`. Move with the arrow keys or A/D, fire with Space,
+and press Enter to restart after game over.
+
+## Run the tests
+
+Run the deterministic state tests with Python:
+
+```bash
+.venv/bin/python -m pytest -q examples/space_invaders/tests
+```
+
+Run the same tests and the WebGPU render test in a browser:
+
+```bash
+.venv/bin/python -m pytest -q examples/space_invaders/tests --pyjs-target=web
+```
+
+To create or intentionally replace the expected render:
+
+```bash
+.venv/bin/python -m pytest -q examples/space_invaders/tests/test_browser_game.py \
+  --pyjs-target=web --pyjs-update-renders
+```

pyjs_examples/space_invaders/__init__.py

@@ -0,0 +1 @@
+"""A complete WebGPU game with model, browser, and visual tests."""

pyjs_examples/space_invaders/__main__.py

@@ -0,0 +1,3 @@
+from pyjs.server import serve
+
+serve("pyjs_examples.space_invaders.space_invaders")