working websocket

Author: JasonGrace2282

manager/director/apps/sites/consumers.py

@@ -38,6 +38,9 @@ async def connect(self):
             self.channel_name,
         )
 
+        await self.accept()
+        await self.send(text_data=f'<p id="foo">site name: {site.name}</p>')
+
     @asynccontextmanager
     async def close_on_error(
         self, error: type[BaseException] | tuple[BaseException, ...] = Exception

manager/director/asgi.py

@@ -12,7 +12,8 @@
 from channels.routing import ProtocolTypeRouter, URLRouter
 from channels.security.websocket import AllowedHostsOriginValidator
 from django.core.asgi import get_asgi_application
-from django.urls import include
+
+from director.apps.sites.consumers import urlpatterns as sites_urlpatterns
 
 os.environ.setdefault("DJANGO_SETTINGS_MODULE", "director.settings")
 
@@ -23,8 +24,6 @@
 application = ProtocolTypeRouter(
     {
         "http": django_asgi_app,
-        "websocket": AllowedHostsOriginValidator(
-            AuthMiddlewareStack(URLRouter([*include("director.apps.sites.consumers")]))
-        ),
+        "websocket": AllowedHostsOriginValidator(AuthMiddlewareStack(URLRouter(sites_urlpatterns))),
     }
 )

manager/director/templates/sites/dashboard.html

@@ -4,19 +4,22 @@
   {{ block.super }}
 
   <script src="https://unpkg.com/htmx-ext-ws@2.0.2"
-    integrity="sha384-vuKxTKv5TX/b3lLzDKP2U363sOAoRo5wSvzzc3LJsbaQRSBSS+3rKKHcOx5J8doU" crossorigin="anonymous"></script>
+    integrity="sha384-932iIqjARv+Gy0+r6RTGrfCkCKS5MsF539Iqf6Vt8L4YmbnnWI2DSFoMD90bvXd0" crossorigin="anonymous"></script>
 {% endblock head %}
 
 {% block main %}
-  <h1 class="p-2 text-large">{{ site.name }}</h1>
-  <div hx-ext="ws" ws-connect="{% url '' %}">
-
+  <!-- <h1 class="p-2 text-large">{{ site.name }}</h1> -->
+  <div hx-ext="ws" ws-connect="/sites/{{ site.id }}/"
+    class="p-2 mb-4" hx-swap-oob='true'>
+    <p id="foo"></p>
   </div>
+  {% comment %}
   <button htmx-post="{% url 'sites:clear' site.id %}"
     hx-target="{% url 'sites:clear_operations' %}"
     class="dt-btn-primary">
 
     {% heroicon_outline "trash" stroke_width="0.8" size="24" class="mr-2" %}
     <p>Clear Operations</p>
   </button>
+  {% endcomment %}
 {% endblock main %}