From c3bf82c801b5d4c91f94f9184232559ed8dc5c9f Mon Sep 17 00:00:00 2001
From: Archmonger <16909269+Archmonger@users.noreply.github.com>
Date: Wed, 31 Jan 2024 21:28:11 -0800
Subject: [PATCH] Compact template tag html

---
 .../templates/reactpy/component.html          | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/reactpy_django/templates/reactpy/component.html b/src/reactpy_django/templates/reactpy/component.html
index e7ff1311..6b4ecc16 100644
--- a/src/reactpy_django/templates/reactpy/component.html
+++ b/src/reactpy_django/templates/reactpy/component.html
@@ -5,23 +5,23 @@
 {% endif %}
 
 {% if not reactpy_failure %}
-<div id="{{ reactpy_uuid }}" class="{{ reactpy_class }}"></div>
+{% if reactpy_class %}<div id="{{reactpy_uuid}}" class="{{reactpy_class}}"></div>{% endif %}
+{% if not reactpy_class %}<div id="{{reactpy_uuid}}"></div>{% endif %}
+{% if reactpy_prerender_html %}<div id="{{reactpy_uuid}}-prerender">{{reactpy_prerender_html|safe}}</div>{% endif %}
+{% if reactpy_offline_html %}<div id="{{reactpy_uuid}}-offline" hidden>{{reactpy_offline_html|safe}}</div>{% endif %}
 <script type="module" crossorigin="anonymous">
   import { mountComponent } from "{% static 'reactpy_django/client.js' %}";
-  const mountElement = document.getElementById("{{ reactpy_uuid }}");
+  const mountElement = document.getElementById("{{reactpy_uuid}}");
   mountComponent(
     mountElement,
-    "{{ reactpy_host }}",
-    "{{ reactpy_url_prefix }}",
-    "{{ reactpy_component_path }}",
-    "{{ reactpy_resolved_web_modules_path }}",
-    Number("{{ reactpy_reconnect_interval }}"),
-    Number("{{ reactpy_reconnect_max_interval }}"),
-    Number("{{ reactpy_reconnect_max_retries }}"),
-    Number("{{ reactpy_reconnect_backoff_multiplier }}"),
+    "{{reactpy_host}}",
+    "{{reactpy_url_prefix}}",
+    "{{reactpy_component_path}}",
+    "{{reactpy_resolved_web_modules_path}}",
+    Number("{{reactpy_reconnect_interval}}"),
+    Number("{{reactpy_reconnect_max_interval}}"),
+    Number("{{reactpy_reconnect_max_retries}}"),
+    Number("{{reactpy_reconnect_backoff_multiplier}}"),
   );
 </script>
-{% if reactpy_prerender_html %}<div id="{{ reactpy_uuid }}-prerender">{{ reactpy_prerender_html|safe }}</div>{% endif %}
-{% if reactpy_offline_html %}<div id="{{ reactpy_uuid }}-offline" hidden>{{ reactpy_offline_html|safe }}</div>
-{% endif %}
 {% endif %}