feat: update go to 1.21.3

routes/room_page.go

@@ -32,6 +32,8 @@ func registerPageRoutes(
 
 func streamingBsRoute() http.HandlerFunc {
 	return func(w http.ResponseWriter, r *http.Request) {
+		r.ParseForm()
+		queryParam := r.FormValue("mobile")
 		w.Header().Set("Cache-Control", "no-cache")
 		w.Header().Set("Connection", "keep-alive")
 		w.Header().Set("Content-Type", "text/event-stream")
@@ -43,10 +45,10 @@ func streamingBsRoute() http.HandlerFunc {
 				return
 			default:
 				log.Printf("another step in streaming bs")
-				data := "data: <div>hello with data %d! waited %d</div> \n\n"
+				data := "data: <div>hello with data %d! waited %d. mobile is %s</div> \n\n"
 				startTime = time.Now().Nanosecond()
 				diff := endTime - startTime
-				fmt.Fprintf(w, data, rand.Intn(100), diff)
+				fmt.Fprintf(w, data, rand.Intn(100), diff, queryParam)
 				w.(http.Flusher).Flush()
 				time.Sleep(3 * time.Second)
 				endTime = time.Now().Nanosecond()

routes/static/out.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -550,6 +550,10 @@ video {
   display: grid;
 }
 
+.hidden {
+  display: none;
+}
+
 .h-full {
   height: 100%;
 }
@@ -604,6 +608,11 @@ video {
   background-color: rgb(251 191 36 / var(--tw-bg-opacity));
 }
 
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
 .bg-blue-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
@@ -640,3 +649,13 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
+
+@media (min-width: 768px) {
+  .md\:block {
+    display: block;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+}

routes/templates/room.gohtml

@@ -31,11 +31,19 @@
     <![endif]-->
     <div class="h-full w-full grid">
         <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
-        <div id="state-receival" class="bg-blue-300"
-             hx-ext="sse" sse-connect="/rooms/random">
+        <div id="state-receival" class="bg-blue-300 hidden md:block"
+             hx-ext="sse" sse-connect="/rooms/random"
+             >
             <div> yoyo </div>
             <div sse-swap="message"> qweopop </div>
         </div>
+        <!-- should be done with custom event for screen change -->
+        <!-- <div id="state-receival" class="bg-blue-100 md:hidden" -->
+        <!--      hx-ext="sse" sse-connect="/rooms/random?mobile=true" -->
+        <!--      > -->
+        <!--     <div> qoqo </div> -->
+        <!--     <div sse-swap="message"> qweopop </div> -->
+        <!-- </div> -->
         <div id="controls" class="bg-green-300">
             koko
         </div>