chore: Release cnats version 0.2.1

Mesh calling's nested Show/For inside ChatShell's own Show inlined as a
type parameter, blowing rustc's query recursion limit during the wasm
release build (CI: "queries overflow the depth limit!"). Splitting the
in-call view into its own component and type-erasing both CallPanel
branches with .into_any() keeps the type shallow instead of raising the
crate-wide limit.

Cargo.lock

@@ -345,7 +345,7 @@ dependencies = [
 
 [[package]]
 name = "cnats"
-version = "0.2.0"
+version = "0.2.1"
 dependencies = [
  "anyhow",
  "async-nats",

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "cnats"
-version = "0.2.0"
+version = "0.2.1"
 edition = "2021"
 
 [lib]

aur/PKGBUILD

@@ -1,6 +1,6 @@
 # Maintainer: Bendik Aagaard Lynghaug <bendik.lynghaug@gmail.com>
 pkgname=cnats
-pkgver=0.2.0
+pkgver=0.2.1
 pkgrel=1
 pkgdesc="Web chat over NATS subjects with Kanidm SSO (Leptos SSR)"
 arch=('x86_64' 'aarch64')

src/app.rs

@@ -472,16 +472,49 @@ fn CallPanel(room: Memo<String>, me: String) -> impl IntoView {
 
         view! {
             <div class="call-panel">
-                <Show
+                {move || {
-                    when=move || in_call.get()
+                    if in_call.get() {
-                    fallback=move || {
+                        view! {
+                            <CallActive
+                                local_video_ref=local_video_ref
+                                call_state=call_state.get_value()
+                                on_leave=on_leave
+                            />
+                        }
+                            .into_any()
+                    } else {
                         view! {
                             <button class="call-join" on:click=on_join>
                                 "☎ join call"
                             </button>
                         }
+                            .into_any()
                     }
-                >
+                }}
+            </div>
+        }
+            .into_any()
+    }
+    #[cfg(not(feature = "hydrate"))]
+    {
+        let _ = (room, me);
+        view! { <div class="call-panel"></div> }.into_any()
+    }
+}
+
+/// The in-call subtree (video grid + leave button), split out of
+/// `CallPanel` so its `<For>`-over-peers view doesn't get inlined as a type
+/// parameter of `CallPanel`'s own `if`/`else` branch - that inlining is what
+/// was blowing the compiler's query recursion limit once mesh calling's
+/// nested `Show`/`For` landed inside `ChatShell`'s own `Show`.
+#[cfg(feature = "hydrate")]
+#[component]
+fn CallActive(
+    local_video_ref: NodeRef<leptos::html::Video>,
+    call_state: crate::webrtc::CallState,
+    on_leave: impl Fn(leptos::ev::MouseEvent) + 'static,
+) -> impl IntoView {
+    view! {
         <div class="call-active">
             <div class="video-grid">
                 <video
@@ -492,7 +525,7 @@ fn CallPanel(room: Memo<String>, me: String) -> impl IntoView {
                     playsinline=true
                 ></video>
                 <For
-                                each=move || call_state.get_value().peer_streams()
+                    each=move || call_state.peer_streams()
                     key=|(id, _)| id.clone()
                     children=move |(_id, stream)| {
                         view! { <PeerVideoTile stream=stream/> }
@@ -503,14 +536,6 @@ fn CallPanel(room: Memo<String>, me: String) -> impl IntoView {
                 "⏏ leave call"
             </button>
         </div>
-                </Show>
-            </div>
-        }
-    }
-    #[cfg(not(feature = "hydrate"))]
-    {
-        let _ = (room, me);
-        view! { <div class="call-panel"></div> }
     }
 }