prefix uuid with a string

Author: Archmonger

src/reactpy_router/components.py

@@ -26,15 +26,15 @@ def link(*children: VdomChild, to: str, **attributes: Any) -> VdomDict:
     # properly sets the location. When a client-server communication layer is added to a \
     # future ReactPy release, this component will need to be rewritten to use that instead. \
     set_location = _use_route_state().set_location
-    uuid = uuid4().hex
+    class_uuid = f"link-{uuid4().hex}"
 
     def on_click(_event: dict[str, Any]) -> None:
         pathname, search = to.split("?", 1) if "?" in to else (to, "")
         if search:
             search = f"?{search}"
         set_location(Location(pathname, search))
 
-    class_name = uuid
+    class_name = class_uuid
     if "className" in attributes:
         class_name = " ".join([attributes.pop("className"), class_name])
     # TODO: This can be removed when ReactPy stops supporting underscores in attribute names
@@ -45,9 +45,9 @@ def on_click(_event: dict[str, Any]) -> None:
         **attributes,
         "href": to,
         "onClick": on_click,
-        "className": uuid,
+        "className": class_uuid,
     }
-    return html._(html.a(attrs, *children), html.script(link_js_content.replace("UUID", uuid)))
+    return html._(html.a(attrs, *children), html.script(link_js_content.replace("UUID", class_uuid)))
 
 
 def route(path: str, element: Any | None, *routes: Route) -> Route:

src/reactpy_router/static/link.js

@@ -1,4 +1,4 @@
-document.getElementsByClassName("UUID").addEventListener("click", (event) => {
+document.querySelector(".UUID").addEventListener("click", (event) => {
   event.preventDefault();
   let to = event.target.getAttribute("href");
   window.history.pushState({}, to, new URL(to, window.location));