add styling utils

Author: Archmonger

docs/examples/python/__init__.py

@@ -28,5 +28,10 @@ def profile():
 # end
 if __name__ == "__main__":
     from reactpy import run
+    from reactpy.utils import _read_docs_css
 
-    run(profile)
+    @component
+    def styled_app():
+        return html._(html.style(_read_docs_css()), profile())
+
+    run(styled_app)

docs/examples/python/quick_start/__init__.py

@@ -23,5 +23,10 @@ def my_button(count, on_click):
 # end
 if __name__ == "__main__":
     from reactpy import run
+    from reactpy.utils import _read_docs_css
 
-    run(my_app)
+    @component
+    def styled_app():
+        return html._(html.style(_read_docs_css()), my_app())
+
+    run(styled_app)

docs/examples/python/quick_start/displaying_data.py

@@ -23,5 +23,10 @@ def handle_click(event):
 # end
 if __name__ == "__main__":
     from reactpy import run
+    from reactpy.utils import _read_docs_css
 
-    run(my_app)
+    @component
+    def styled_app():
+        return html._(html.style(_read_docs_css()), my_app())
+
+    run(styled_app)

docs/examples/python/quick_start/sharing_data_between_components.py

@@ -117,5 +117,10 @@ def calculate_winner(squares):
 # end
 if __name__ == "__main__":
     from reactpy import run
+    from reactpy.utils import _read_docs_css
 
-    run(game)
+    @component
+    def styled_app():
+        return html._(html.style(_read_docs_css()), game())
+
+    run(styled_app)

docs/examples/python/quick_start/updating_the_screen.py

@@ -1,5 +1,7 @@
 from __future__ import annotations
 
+import inspect
+import os
 import re
 from collections.abc import Iterable
 from itertools import chain
@@ -305,3 +307,16 @@ def _vdom_attr_to_html_str(key: str, value: Any) -> tuple[str, str]:
 
 # Pattern for delimitting camelCase names (e.g. camelCase to camel-case)
 _CAMEL_CASE_SUB_PATTERN = re.compile(r"(?<!^)(?=[A-Z])")
+
+
+def _read_docs_css():
+    """Reads a CSS file in the docs with the same relative path."""
+    py_path = os.path.abspath((inspect.stack()[1])[1])
+    css_path = (
+        py_path.replace("/python/", "/css/")
+        .replace("\\python\\", "\\css\\")
+        .replace(".py", ".css")
+    )
+
+    with open(css_path, encoding="UTF-8") as css_file:
+        return css_file.read()