Merge pull request #31 from pyscript/meg-interest-calculator

Meg interest calculator

Author: pauleveritt

.pre-commit-config.yaml

@@ -53,7 +53,7 @@ repos:
         entry: pyupgrade
         language: system
         types: [python]
-        args: [--py37-plus]
+        args: [--py310-plus]
       - id: trailing-whitespace
         name: Trim Trailing Whitespace
         entry: trailing-whitespace-fixer

CONTRIBUTING.MD

@@ -31,9 +31,9 @@ We try not to have strong boundaries in what kinds of contributions are accepted
 - Adding meta-data
 
   - adding tags to your example will help us organize this repository in a much more meaningful way. Example tags come at the beginning of your main `HTML` file in the form of a comment.
-  - you're also welcome to add your email or name or other forms of contact information in the header at the beginning of the file.
+  - you're also welcome to add your email or name or other forms of contact information in the header at the beginning of the file. For reference see the [example](examples/hello_world.html).
 
-TODO Add back in `See the example  examples/hello_world.html`
+TODO Add back in `See the example examples/hello_world.html`
 
 - Adding docs
 
@@ -54,7 +54,7 @@ The PyScript Collective also welcomes contributions like blog posts, videos, vid
 
 The contributions in this topic are more similar to what an `awesome-page` would look like.
 
-*If you want to add a new kind of contribution that wasn't laid out on the [README](index) yet, feel free to do so.*
+_If you want to add a new kind of contribution that wasn't laid out on the [README](index) yet, feel free to do so._
 
 #### Recommended guidelines for a resource
 

environment.yml

@@ -3,7 +3,7 @@ channels:
 -   conda-forge
 -   microsoft
 dependencies:
--   python=3.9
+-   python=3.10
 -   pip=20.2.2
 -   pytest=7
 -   nodejs=16

poetry.lock

@@ -50,6 +50,7 @@ typeguard = ">=2.13.3"
 xdoctest = { extras = ["colors"], version = ">=0.15.10" }
 myst-parser = { version = ">=0.16.1" }
 requests = "^2.28.1"
+playwright = "^1.27"
 pytest-playwright = "^0.3.0"
 pytest-asyncio-cooperative = "^0.28.0"
 nox-poetry = "^1.0.1"

pyproject.toml

@@ -1,8 +1,8 @@
 """Provide a web server to browse the examples."""
 import contextlib
+from collections.abc import Iterator
 from pathlib import PurePath
 from typing import AsyncContextManager
-from typing import Iterator
 
 from starlette.applications import Starlette
 from starlette.requests import Request

src/psc/app.py

@@ -1,11 +1,13 @@
 """Automate some testing."""
 from __future__ import annotations
 
+import builtins
+from collections.abc import Callable
+from collections.abc import Generator
+from collections.abc import Iterable
 from dataclasses import dataclass
 from dataclasses import field
 from mimetypes import guess_type
-from typing import Callable
-from typing import Generator
 from urllib.parse import urlparse
 
 import pytest
@@ -180,3 +182,56 @@ def _route_handler(route: Route) -> None:
     # Don't spend 30 seconds on timeout
     page.set_default_timeout(12000)
     return page
+
+
+@dataclass
+class FakeDocument:
+    """Pretend to be a DOM that holds values at id's."""
+
+    values: dict[str, str] = field(default_factory=dict)
+    log: list[str] = field(default_factory=list)
+
+
+@pytest.fixture
+def fake_document() -> Iterable[FakeDocument]:
+    """Yield a document that cleans up."""
+    yield FakeDocument()
+
+
+@dataclass
+class ElementNode:
+    """An element node."""
+
+    value: str
+    document: FakeDocument
+
+    def write(self, value: str) -> None:
+        """Collect anything that is written to the node."""
+        self.document.log.append(value)
+
+    def removeAttribute(self, name: str) -> None:  # noqa
+        """Pretend to remove an attribute from this node."""
+        pass
+
+
+@dataclass
+class ElementCallable:
+    """A callable that returns an ElementNode."""
+
+    document: FakeDocument
+
+    def __call__(self, key: str) -> ElementNode:
+        """Return an ElementNode."""
+        value = self.document.values[key]
+        node = ElementNode(value, self.document)
+        return node
+
+
+@pytest.fixture
+def fake_element(fake_document: FakeDocument) -> None: # type: ignore [misc]
+    """Install the stateful Element into builtins."""
+    try:
+        builtins.Element = ElementCallable(fake_document) #type: ignore [attr-defined]
+        yield
+    finally:
+        delattr(builtins, "Element")

src/psc/fixtures.py

@@ -1,3 +1,3 @@
 """Say Hello."""
-output = Element("output")
+output = Element("output") #type: ignore
 output.write("From Python...")

src/psc/gallery/examples/hello_world_py/hello_world.py

@@ -7,9 +7,7 @@
     <link rel="stylesheet" href="hello_world.css">
 </head>
 <body>
-<py-config src="../py_config.toml">
-    paths = ["hello_world.py"]
-</py-config>
+<py-config src="../py_config.toml"></py-config>
 <main>
     <h1>Hello Python ...</h1>
     <div id="output"></div>

src/psc/gallery/examples/hello_world_py/index.html

@@ -0,0 +1,26 @@
+def interest(*args, **kwargs):
+    """Main interest calculation function."""
+    # Signal that PyScript is alive by setting the ``Calculate``
+    # button away from disabled.
+    calculate_button = Element("calc")  # noqa
+    # calculate_button.element.setAttribute("disabled")
+
+    # Now get the various inputs
+    element_principal = Element("principal")  # noqa
+    element_rate = Element("interest_rate")  # noqa
+    element_time = Element("time")  # noqa
+    principal = float(element_principal.value)
+    rate = float(element_rate.value)
+    time = float(element_time.value)
+    output1 = Element("simple_interest")  # noqa
+    output2 = Element("compound_interest")  # noqa
+    res1 = round(principal + (principal * rate * time))
+    res2 = round(principal * ((1 + rate) ** time))
+    output1.write(f"simple interest: {res1}")
+    output2.write(f"compound interest: {res2}")
+
+
+def setup():
+    """When Pyodide starts up, enable the Calculate button."""
+    calculate_button = Element("calc")  # noqa
+    calculate_button.element.removeAttribute("disabled")