Docs now link to underscored files

Author: Archmonger

docs/examples/html/tmp.py

@@ -73,9 +73,9 @@ <h1>Create user interfaces from components</h1>
         </p>
         <div class="example-container">
             {% with image="create-user-interfaces.png", class="pop-left" %}
-            {% include "home-code-examples/code-block.html" %}
+            {% include "homepage_examples/code_block.html" %}
             {% endwith %}
-            {% include "home-code-examples/create-user-interfaces-demo.html" %}
+            {% include "homepage_examples/create_user_interfaces_demo.html" %}
         </div>
         <p>
             Whether you work on your own or with thousands of other developers, using React feels the same. It is
@@ -94,9 +94,9 @@ <h1>Write components with pure Python code</h1>
         </p>
         <div class="example-container">
             {% with image="write-components-with-python.png", class="pop-left" %}
-            {% include "home-code-examples/code-block.html" %}
+            {% include "homepage_examples/code_block.html" %}
             {% endwith %}
-            {% include "home-code-examples/write-components-with-python-demo.html" %}
+            {% include "homepage_examples/write_components_with_python_demo.html" %}
 
         </div>
     </div>
@@ -110,9 +110,9 @@ <h1>Add interactivity wherever you need it</h1>
         </p>
         <div class="example-container">
             {% with image="add-interactivity.png" %}
-            {% include "home-code-examples/code-block.html" %}
+            {% include "homepage_examples/code_block.html" %}
             {% endwith %}
-            {% include "home-code-examples/add-interactivity-demo.html" %}
+            {% include "homepage_examples/add_interactivity_demo.html" %}
         </div>
         <p>
             You don't have to build your whole page in ReactPy. Add React to your existing HTML page, and render

docs/overrides/home.html

@@ -18,7 +18,7 @@ def searchable_video_list(videos):
 
     return html._(
         search_input(
-            {"onChange": lambda new_text: set_search_text(new_text)},
+            {"onChange": lambda event: set_search_text(event["target"]["value"])},
             value=search_text,
         ),
         video_list(

docs/overrides/home-code-examples/add-interactivity.py renamed to docs/overrides/homepage_examples/add_interactivity.py

@@ -29,7 +29,7 @@ Add `#!python "reactpy_django"` to [`INSTALLED_APPS`](https://docs.djangoproject
 === "settings.py"
 
     ```python
-    {% include "../../examples/python/configure-installed-apps.py" %}
+    {% include "../../examples/python/configure_installed_apps.py" %}
     ```
 
 ??? warning "Enable ASGI and Django Channels (Required)"
@@ -42,13 +42,13 @@ Add `#!python "reactpy_django"` to [`INSTALLED_APPS`](https://docs.djangoproject
     2. Add `#!python "daphne"` to `#!python INSTALLED_APPS`.
 
         ```python linenums="0"
-        {% include "../../examples/python/configure-channels-installed-app.py" %}
+        {% include "../../examples/python/configure_channels_installed_app.py" %}
         ```
 
     3. Set your `#!python ASGI_APPLICATION` variable.
 
         ```python linenums="0"
-        {% include "../../examples/python/configure-channels-asgi-app.py" %}
+        {% include "../../examples/python/configure_channels_asgi_app.py" %}
         ```
 
 ??? info "Configure ReactPy settings (Optional)"
@@ -64,7 +64,7 @@ Add ReactPy HTTP paths to your `#!python urlpatterns` in your [`urls.py`](https:
 === "urls.py"
 
     ```python
-    {% include "../../examples/python/configure-urls.py" %}
+    {% include "../../examples/python/configure_urls.py" %}
     ```
 
 ## Step 4: Configure `asgi.py`
@@ -74,7 +74,7 @@ Register ReactPy's WebSocket using `#!python REACTPY_WEBSOCKET_ROUTE` in your [`
 === "asgi.py"
 
     ```python
-    {% include "../../examples/python/configure-asgi.py" %}
+    {% include "../../examples/python/configure_asgi.py" %}
     ```
 
 ??? info "Add `#!python AuthMiddlewareStack` (Optional)"
@@ -88,7 +88,7 @@ Register ReactPy's WebSocket using `#!python REACTPY_WEBSOCKET_ROUTE` in your [`
     In these situations will need to ensure you are using `#!python AuthMiddlewareStack`.
 
     ```python linenums="0"
-    {% include "../../examples/python/configure-asgi-middleware.py" start="# start" %}
+    {% include "../../examples/python/configure_asgi_middleware.py" start="# start" %}
     ```
 
 ??? question "Where is my `asgi.py`?"

docs/overrides/home-code-examples/add-interactivity-demo.html renamed to docs/overrides/homepage_examples/add_interactivity_demo.html

@@ -19,19 +19,19 @@ This allows you to embedded any number of client-side PyScript components within
 === "components.py"
 
     ```python
-    {% include "../../examples/python/pyscript-ssr-parent.py" %}
+    {% include "../../examples/python/pyscript_ssr_parent.py" %}
     ```
 
 === "root.py"
 
     ```python
-    {% include "../../examples/python/pyscript-ssr-child.py" %}
+    {% include "../../examples/python/pyscript_ssr_child.py" %}
     ```
 
 === "my_template.html"
 
     ```jinja
-    {% include "../../examples/html/pyscript-ssr-parent.html" %}
+    {% include "../../examples/html/pyscript_ssr_parent.html" %}
     ```
 
 ??? example "See Interface"
@@ -53,7 +53,7 @@ This allows you to embedded any number of client-side PyScript components within
     === "my_template.html"
 
         ```jinja
-        {% include "../../examples/html/pyscript-setup.html" %}
+        {% include "../../examples/html/pyscript_setup.html" %}
         ```
 
 <!--pyscript-setup-required-end-->
@@ -65,19 +65,19 @@ This allows you to embedded any number of client-side PyScript components within
     === "components.py"
 
         ```python
-        {% include "../../examples/python/pyscript-component-multiple-files-root.py" %}
+        {% include "../../examples/python/pyscript_component_multiple_files_root.py" %}
         ```
 
     === "root.py"
 
         ```python
-        {% include "../../examples/python/pyscript-multiple-files-root.py" %}
+        {% include "../../examples/python/pyscript_multiple_files_root.py" %}
         ```
 
     === "child.py"
 
         ```python
-        {% include "../../examples/python/pyscript-multiple-files-child.py" %}
+        {% include "../../examples/python/pyscript_multiple_files_child.py" %}
         ```
 
 ??? question "How do I display something while the component is loading?"
@@ -89,15 +89,15 @@ This allows you to embedded any number of client-side PyScript components within
     === "components.py"
 
         ```python
-        {% include "../../examples/python/pyscript-component-initial-object.py" %}
+        {% include "../../examples/python/pyscript_component_initial_object.py" %}
         ```
 
     However, you can also use a string containing raw HTML.
 
     === "components.py"
 
         ```python
-        {% include "../../examples/python/pyscript-component-initial-string.py" %}
+        {% include "../../examples/python/pyscript_component_initial_string.py" %}
         ```
 
 ??? question "Can I use a different name for my root component?"
@@ -107,13 +107,13 @@ This allows you to embedded any number of client-side PyScript components within
     === "components.py"
 
         ```python
-        {% include "../../examples/python/pyscript-component-root.py" %}
+        {% include "../../examples/python/pyscript_component_root.py" %}
         ```
 
     === "main.py"
 
         ```python
-        {% include "../../examples/python/pyscript-root.py" %}
+        {% include "../../examples/python/pyscript_root.py" %}
         ```
 
 ---
@@ -171,7 +171,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vtc-cbv.py" %}
+        {% include "../../examples/python/vtc_cbv.py" %}
         ```
 
     === "views.py"
@@ -187,7 +187,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vtc-args.py" %}
+        {% include "../../examples/python/vtc_args.py" %}
         ```
 
     === "views.py"
@@ -215,7 +215,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vtc-strict-parsing.py" %}
+        {% include "../../examples/python/vtc_strict_parsing.py" %}
         ```
 
     === "views.py"
@@ -237,7 +237,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vtc-transforms.py" %}
+        {% include "../../examples/python/vtc_transforms.py" %}
         ```
 
     === "views.py"
@@ -308,7 +308,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vti-cbv.py" %}
+        {% include "../../examples/python/vti_cbv.py" %}
         ```
 
     === "views.py"
@@ -332,7 +332,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vti-args.py" %}
+        {% include "../../examples/python/vti_args.py" %}
         ```
 
     === "views.py"
@@ -364,7 +364,7 @@ Compatible with sync or async [Function Based Views](https://docs.djangoproject.
     === "components.py"
 
         ```python
-        {% include "../../examples/python/vti-extra-props.py" %}
+        {% include "../../examples/python/vti_extra_props.py" %}
         ```
 
     === "views.py"
@@ -388,7 +388,7 @@ Allows you to defer loading a CSS stylesheet until a component begins rendering.
 === "components.py"
 
     ```python
-    {% include "../../examples/python/django-css.py" %}
+    {% include "../../examples/python/django_css.py" %}
     ```
 
 ??? example "See Interface"
@@ -413,7 +413,7 @@ Allows you to defer loading a CSS stylesheet until a component begins rendering.
     Here's an example on what you should avoid doing for Django static files:
 
     ```python
-    {% include "../../examples/python/django-css-local-link.py" %}
+    {% include "../../examples/python/django_css_local_link.py" %}
     ```
 
 ??? question "How do I load external CSS?"
@@ -423,7 +423,7 @@ Allows you to defer loading a CSS stylesheet until a component begins rendering.
     For external CSS, you should use `#!python html.link`.
 
     ```python
-    {% include "../../examples/python/django-css-external-link.py" %}
+    {% include "../../examples/python/django_css_external_link.py" %}
     ```
 
 ??? question "Why not load my CSS in `#!html <head>`?"
@@ -450,7 +450,7 @@ Be mindful of load order! If your JavaScript relies on the component existing on
 === "components.py"
 
     ```python
-    {% include "../../examples/python/django-js.py" %}
+    {% include "../../examples/python/django_js.py" %}
     ```
 
 ??? example "See Interface"
@@ -475,7 +475,7 @@ Be mindful of load order! If your JavaScript relies on the component existing on
     Here's an example on what you should avoid doing for Django static files:
 
     ```python
-    {% include "../../examples/python/django-js-local-script.py" %}
+    {% include "../../examples/python/django_js_local_script.py" %}
     ```
 
 ??? question "How do I load external JS?"
@@ -485,7 +485,7 @@ Be mindful of load order! If your JavaScript relies on the component existing on
     For external JavaScript, you should use `#!python html.script`.
 
     ```python
-    {% include "../../examples/python/django-js-remote-script.py" %}
+    {% include "../../examples/python/django_js_remote_script.py" %}
     ```
 
 ??? question "Why not load my JS in `#!html <head>`?"

docs/overrides/home-code-examples/code-block.html renamed to docs/overrides/homepage_examples/code_block.html

@@ -17,7 +17,7 @@ This only works with ReactPy components, and is inspired by Django's [`user_pass
 === "components.py"
 
     ```python
-    {% include "../../examples/python/user-passes-test.py" %}
+    {% include "../../examples/python/user_passes_test.py" %}
     ```
 
 ??? example "See Interface"
@@ -42,7 +42,7 @@ This only works with ReactPy components, and is inspired by Django's [`user_pass
     === "components.py"
 
         ```python
-        {% include "../../examples/python/user-passes-test-component-fallback.py" %}
+        {% include "../../examples/python/user_passes_test_component_fallback.py" %}
         ```
 
 ??? question "How do I render a simple `#!python reactpy.html` snippet if the test fails?"
@@ -52,5 +52,5 @@ This only works with ReactPy components, and is inspired by Django's [`user_pass
     === "components.py"
 
         ```python
-        {% include "../../examples/python/user-passes-test-vdom-fallback.py" %}
+        {% include "../../examples/python/user_passes_test_vdom_fallback.py" %}
         ```