change: change all tracing levels to trace to reduce verbosity

2025-12-28 09:02:37 -05:00 · 2024-01-10 19:49:04 -05:00
610 changed files with 10208 additions and 24024 deletions
--- a/.github/workflows/ci-changed-examples.yml
+++ b/.github/workflows/ci-changed-examples.yml
@@ -29,4 +29,4 @@ jobs:
    with:
      directory: ${{ matrix.directory }}
      cargo_make_task: "ci"
-      toolchain: stable
+      toolchain: nightly
--- a/.github/workflows/ci-examples.yml
+++ b/.github/workflows/ci-examples.yml
@@ -24,4 +24,4 @@ jobs:
    with:
      directory: ${{ matrix.directory }}
      cargo_make_task: "ci"
-      toolchain: stable
+      toolchain: nightly
--- a/.github/workflows/ci-semver.yml
+++ b/.github/workflows/ci-semver.yml
@@ -1,28 +0,0 @@
-name: CI semver
-
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-
-jobs:
-  get-leptos-changed:
-    uses: ./.github/workflows/get-leptos-changed.yml
-
-  test:
-    needs: [get-leptos-changed]
-    if: needs.get-leptos-changed.outputs.leptos_changed == 'true'
-    name: Run semver check (nightly-2024-04-14)
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Semver Checks
-        uses: obi1kenobi/cargo-semver-checks-action@v2
-        with:
-          rust-toolchain: nightly-2024-04-14
--- a/.github/workflows/ci-stable-examples.yml
+++ b/.github/workflows/ci-stable-examples.yml
@@ -0,0 +1,26 @@
+name: CI Stable Examples
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  get-leptos-changed:
+    uses: ./.github/workflows/get-leptos-changed.yml
+
+  test:
+    name: CI
+    needs: [get-leptos-changed]
+    if: needs.get-leptos-changed.outputs.leptos_changed == 'true'
+    strategy:
+      matrix:
+        directory: [examples/counters_stable, examples/counter_without_macros]
+    uses: ./.github/workflows/run-cargo-make-task.yml
+    with:
+      directory: ${{ matrix.directory }}
+      cargo_make_task: "ci"
+      toolchain: stable
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -22,6 +22,7 @@ jobs:
          [
            integrations/actix,
            integrations/axum,
+            integrations/viz,
            integrations/utils,
            leptos,
            leptos_config,
@@ -40,4 +41,4 @@ jobs:
    with:
      directory: ${{ matrix.directory }}
      cargo_make_task: "ci"
-      toolchain: nightly-2024-04-14
+      toolchain: nightly
--- a/.github/workflows/get-changed-examples-matrix.yml
+++ b/.github/workflows/get-changed-examples-matrix.yml
@@ -26,14 +26,15 @@ jobs:

      - name: Get example project directories that changed
        id: changed-dirs
-        uses: tj-actions/changed-files@v41
+        uses: tj-actions/changed-files@v39
        with:
          dir_names: true
          dir_names_max_depth: "2"
          files: |
-            examples/**
-            !examples/cargo-make/**
-            !examples/gtk/**
+            examples
+            !examples/cargo-make
+            !examples/gtk
+            !examples/hackernews_js_fetch
            !examples/Makefile.toml
            !examples/*.md
          json: true
--- a/.github/workflows/get-example-changed.yml
+++ b/.github/workflows/get-example-changed.yml
@@ -21,12 +21,12 @@ jobs:

      - name: Get example files that changed
        id: changed-files
-        uses: tj-actions/changed-files@v43
+        uses: tj-actions/changed-files@v39
        with:
          files: |
-            examples/**
-            !examples/cargo-make/**
-            !examples/gtk/**
+            examples
+            !examples/cargo-make
+            !examples/gtk
            !examples/Makefile.toml
            !examples/*.md

--- a/.github/workflows/get-examples-matrix.yml
+++ b/.github/workflows/get-examples-matrix.yml
@@ -17,8 +17,8 @@ jobs:
      - name: Checkout
        uses: actions/checkout@v4

-      - name: Install jq
-        run: sudo apt-get install jq
+      - name: Install JQ Tool
+        uses: mbround18/install-jq@v1

      - name: Set Matrix
        id: set-matrix
--- a/.github/workflows/get-leptos-changed.yml
+++ b/.github/workflows/get-leptos-changed.yml
@@ -16,26 +16,24 @@ jobs:
    steps:
      - name: Checkout
        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0

      - name: Get source files that changed
        id: changed-source
-        uses: tj-actions/changed-files@v43
+        uses: tj-actions/changed-files@v39
        with:
          files: |
-            integrations/**
-            leptos/**
-            leptos_config/**
-            leptos_dom/**
-            leptos_hot_reload/**
-            leptos_macro/**
-            leptos_reactive/**
-            leptos_server/**
-            meta/**
-            router/**
-            server_fn/**
-            server_fn_macro/**
+            integrations
+            leptos
+            leptos_config
+            leptos_dom
+            leptos_hot_reload
+            leptos_macro
+            leptos_reactive
+            leptos_server
+            meta
+            router
+            server_fn
+            server_fn_macro

      - name: List source files that changed
        run: echo '${{ steps.changed-source.outputs.all_changed_files }}'
--- a/.github/workflows/run-cargo-make-task.yml
+++ b/.github/workflows/run-cargo-make-task.yml
@@ -27,9 +27,11 @@ jobs:
      - uses: actions/checkout@v4

      - name: Setup Rust
-        uses: dtolnay/rust-toolchain@master
+        uses: actions-rs/toolchain@v1
        with:
          toolchain: ${{ inputs.toolchain }}
+          override: true
+          components: rustfmt

      - name: Add wasm32-unknown-unknown
        run: rustup target add wasm32-unknown-unknown
@@ -42,20 +44,8 @@ jobs:

      - uses: Swatinem/rust-cache@v2

-      - name: Install binstall
-        uses: cargo-bins/cargo-binstall@main
-
-      - name: Install wasm-bindgen
-        run: cargo binstall wasm-bindgen-cli --no-confirm
-
-      - name: Install wasm-pack
-        run: cargo binstall wasm-pack --no-confirm
-
-      - name: Install cargo-leptos
-        run: cargo binstall cargo-leptos --no-confirm
-
      - name: Install Trunk
-        uses: jetli/trunk-action@v0.5.0
+        uses: jetli/trunk-action@v0.4.0
        with:
          version: "latest"

@@ -65,9 +55,9 @@ jobs:
      - name: Install Node.js
        uses: actions/setup-node@v4
        with:
-          node-version: 20
+          node-version: 18

-      - uses: pnpm/action-setup@v3
+      - uses: pnpm/action-setup@v2
        name: Install pnpm
        id: pnpm-install
        with:
@@ -79,7 +69,7 @@ jobs:
        run: |
          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT

-      - uses: actions/cache@v4
+      - uses: actions/cache@v3
        name: Setup pnpm cache
        with:
          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
@@ -117,11 +107,6 @@ jobs:
            fi
          done

-      - name: Install Deno
-        uses: denoland/setup-deno@v1
-        with:
-          deno-version: v1.x
-
      # Run Cargo Make Task
      - name: ${{ inputs.cargo_make_task }}
        run: |
--- a/.gitignore
+++ b/.gitignore
@@ -10,5 +10,4 @@ Cargo.lock
 .direnv
 .envrc

-.vscode
-vendor
+.vscode
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -72,19 +72,12 @@ check-examples`.

 ## Before Submitting a PR

-We have a fairly extensive CI setup that runs both lints (like `rustfmt` and `clippy`)
+We have a fairly extensive CI setup that runs both lints (like `rustfmt` and `clippy`) 
 and tests on PRs. You can run most of these locally if you have `cargo-make` installed.

-Note that some of the `rustfmt` settings used require usage of the nightly compiler.
-Formatting the code using the stable toolchain may result in a wrong code format and
-subsequently CI errors.
-Run `cargo +nightly fmt` if you want to keep the stable toolchain active.
-You may want to let your IDE automatically use the `+nightly` parameter when a
-"format on save" action is used.
-
 If you added an example, make sure to add it to the list in `examples/Makefile.toml`.

-From the root directory of the repo, run
+From the root directory of the repo, run 
 - `cargo +nightly fmt`
 - `cargo +nightly make check`
 - `cargo +nightly make test`
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,9 +1,6 @@
 [workspace]
 resolver = "2"
 members = [
-  # utilities 
-  "oco",
-
  # core
  "leptos",
  "leptos_dom",
@@ -19,6 +16,7 @@ members = [
  # integrations
  "integrations/actix",
  "integrations/axum",
+  "integrations/viz",
  "integrations/utils",

  # libraries
@@ -28,24 +26,22 @@ members = [
 exclude = ["benchmarks", "examples"]

 [workspace.package]
-version = "0.6.11"
-rust-version = "1.75"
+version = "0.5.4"

 [workspace.dependencies]
-oco_ref = { path = "./oco", version = "0.1.0" }
-leptos = { path = "./leptos", version = "0.6.11" }
-leptos_dom = { path = "./leptos_dom", version = "0.6.11" }
-leptos_hot_reload = { path = "./leptos_hot_reload", version = "0.6.11" }
-leptos_macro = { path = "./leptos_macro", version = "0.6.11" }
-leptos_reactive = { path = "./leptos_reactive", version = "0.6.11" }
-leptos_server = { path = "./leptos_server", version = "0.6.11" }
-server_fn = { path = "./server_fn", version = "0.6.11" }
-server_fn_macro = { path = "./server_fn_macro", version = "0.6.11" }
-server_fn_macro_default = { path = "./server_fn/server_fn_macro_default", version = "0.6" }
-leptos_config = { path = "./leptos_config", version = "0.6.11" }
-leptos_router = { path = "./router", version = "0.6.11" }
-leptos_meta = { path = "./meta", version = "0.6.11" }
-leptos_integration_utils = { path = "./integrations/utils", version = "0.6.11" }
+leptos = { path = "./leptos", version = "0.5.4" }
+leptos_dom = { path = "./leptos_dom", version = "0.5.4" }
+leptos_hot_reload = { path = "./leptos_hot_reload", version = "0.5.4" }
+leptos_macro = { path = "./leptos_macro", version = "0.5.4" }
+leptos_reactive = { path = "./leptos_reactive", version = "0.5.4" }
+leptos_server = { path = "./leptos_server", version = "0.5.4" }
+server_fn = { path = "./server_fn", version = "0.5.4" }
+server_fn_macro = { path = "./server_fn_macro", version = "0.5.4" }
+server_fn_macro_default = { path = "./server_fn/server_fn_macro_default", version = "0.5.4" }
+leptos_config = { path = "./leptos_config", version = "0.5.4" }
+leptos_router = { path = "./router", version = "0.5.4" }
+leptos_meta = { path = "./meta", version = "0.5.4" }
+leptos_integration_utils = { path = "./integrations/utils", version = "0.5.4" }

 [profile.release]
 codegen-units = 1
--- a/README.md
+++ b/README.md
@@ -40,25 +40,6 @@ pub fn SimpleCounter(initial_value: i32) -> impl IntoView {
    }
 }

-// we also support a builder syntax rather than the JSX-like `view` macro
-#[component]
-pub fn SimpleCounterWithBuilder(initial_value: i32) -> impl IntoView {
-    use leptos::html::*;
-
-    let (value, set_value) = create_signal(initial_value);
-    let clear = move |_| set_value(0);
-    let decrement = move |_| set_value.update(|value| *value -= 1);
-    let increment = move |_| set_value.update(|value| *value += 1);
-
-    // the `view` macro above expands to this builder syntax
-    div().child((
-        button().on(ev::click, clear).child("Clear"),
-        button().on(ev::click, decrement).child("-1"),
-        span().child(("Value: ", value, "!")),
-        button().on(ev::click, increment).child("+1")
-    ))
-}
-
 // Easy to use with Trunk (trunkrs.dev) or with a simple wasm-bindgen setup
 pub fn main() {
    mount_to_body(|| view! {
@@ -150,7 +131,7 @@ There are several people in the community using Leptos right now for internal ap

 ### Can I use this for native GUI?

-Sure! Obviously the `view` macro is for generating DOM nodes but you can use the reactive system to drive any native GUI toolkit that uses the same kind of object-oriented, event-callback-based framework as the DOM pretty easily. The principles are the same:
+Sure! Obviously the `view` macro is for generating DOM nodes but you can use the reactive system to drive native any GUI toolkit that uses the same kind of object-oriented, event-callback-based framework as the DOM pretty easily. The principles are the same:

 - Use signals, derived signals, and memos to create your reactive system
 - Create GUI widgets
@@ -159,27 +140,35 @@ Sure! Obviously the `view` macro is for generating DOM nodes but you can use the

 I've put together a [very simple GTK example](https://github.com/leptos-rs/leptos/blob/main/examples/gtk/src/main.rs) so you can see what I mean.

-The new rendering approach being developed for 0.7 supports “universal rendering,” i.e., it can use any rendering library that supports a small set of 6-8 functions. (This is intended as a layer over typical retained-mode, OOP-style GUI toolkits like the DOM, GTK, etc.) That future rendering work will allow creating native UI in a way that is much more similar to the declarative approach used by the web framework.
+### How is this different from Yew/Dioxus?

-### How is this different from Yew?
-
-Yew is the most-used library for Rust web UI development, but there are several differences between Yew and Leptos, in philosophy, approach, and performance.
+On the surface level, these libraries may seem similar. Yew is, of course, the most mature Rust library for web UI development and has a huge ecosystem. Dioxus is similar in many ways, being heavily inspired by React. Here are some conceptual differences between Leptos and these frameworks:

 - **VDOM vs. fine-grained:** Yew is built on the virtual DOM (VDOM) model: state changes cause components to re-render, generating a new virtual DOM tree. Yew diffs this against the previous VDOM, and applies those patches to the actual DOM. Component functions rerun whenever state changes. Leptos takes an entirely different approach. Components run once, creating (and returning) actual DOM nodes and setting up a reactive system to update those DOM nodes.
- **Performance:** This has huge performance implications: Leptos is simply much faster at both creating and updating the UI than Yew is.
- **Server integration:** Yew was created in an era in which browser-rendered single-page apps (SPAs) were the dominant paradigm. While Leptos supports client-side rendering, it also focuses on integrating with the server side of your application via server functions and multiple modes of serving HTML, including out-of-order streaming.
+- **Performance:** This has huge performance implications: Leptos is simply much faster at both creating and updating the UI than Yew is. (Dioxus has made huge advances in performance with its recent 0.3 release, and is now roughly on par with Leptos.)
+- **Mental model:** Adopting fine-grained reactivity also tends to simplify the mental model. There are no surprising component re-renders because there are no re-renders. You can call functions, create timeouts, etc. within the body of your component functions because they won’t be re-run. You don’t need to think about manual dependency tracking for effects; fine-grained reactivity tracks dependencies automatically.

- ### How is this different from Dioxus?
+### How is this different from Sycamore?

-Like Leptos, Dioxus is a framework for building UIs using web technologies. However, there are significant differences in approach and features.
+Conceptually, these two frameworks are very similar: because both are built on fine-grained reactivity, most apps will end up looking very similar between the two, and Sycamore or Leptos apps will both look a lot like SolidJS apps, in the same way that Yew or Dioxus can look a lot like React.

- **VDOM vs. fine-grained:** While Dioxus has a performant virtual DOM (VDOM), it still uses coarse-grained/component-scoped reactivity: changing a stateful value reruns the component function and diffs the old UI against the new one. Leptos components use a different mental model, creating (and returning) actual DOM nodes and setting up a reactive system to update those DOM nodes.
- **Web vs. desktop priorities:** Dioxus uses Leptos server functions in its fullstack mode, but does not have the same `<Suspense>`-based support for things like streaming HTML rendering, or share the same focus on holistic web performance. Leptos tends to prioritize holistic web performance (streaming HTML rendering, smaller WASM binary sizes, etc.), whereas Dioxus has an unparalleled experience when building desktop apps, because your application logic runs as a native Rust binary.
+There are some practical differences that make a significant difference:

- ### How is this different from Sycamore?
+- **Templating:** Leptos uses a JSX-like template format (built on [syn-rsx](https://github.com/stoically/syn-rsx)) for its `view` macro. Sycamore offers the choice of its own templating DSL or a builder syntax.
+- **Server integration:** Leptos provides primitives that encourage HTML streaming and allow for easy async integration and RPC calls, even without WASM enabled, making it easy to opt into integrations between your frontend and backend code without pushing you toward any particular metaframework patterns.
+- **Read-write segregation:** Leptos, like Solid, encourages read-write segregation between signal getters and setters, so you end up accessing signals with tuples like `let (count, set_count) = create_signal(0);` _(If you prefer or if it's more convenient for your API, you can use [`create_rw_signal`](https://docs.rs/leptos/latest/leptos/fn.create_rw_signal.html) to give a unified read/write signal.)_
+- **Signals are functions:** In Leptos, you can call a signal to access it rather than calling a specific method (so, `count()` instead of `count.get()`) This creates a more consistent mental model: accessing a reactive value is always a matter of calling a function. For example:

-Sycamore and Leptos are both heavily influenced by SolidJS. At this point, Leptos has a larger community and ecosystem and is more actively developed. Other differences:
+  ```rust
+  let (count, set_count) = create_signal(0); // a signal
+  let double_count = move || count() * 2; // a derived signal
+  let memoized_count = create_memo(move |_| count() * 3); // a memo
+  // all are accessed by calling them
+  assert_eq!(count(), 0);
+  assert_eq!(double_count(), 0);
+  assert_eq!(memoized_count(), 0);
+  // this function can accept any of those signals
+  fn do_work_on_signal(my_signal: impl Fn() -> i32) { ... }
+  ```

- **Templating DSLs:** Sycamore uses a custom templating language for its views, while Leptos uses a JSX-like template format.
- **`'static` signals:** One of Leptos’s main innovations was the creation of `Copy + 'static` signals, which have excellent ergonomics. Sycamore is in the process of adopting the same pattern, but this is not yet released.
- **Perseus vs. server functions:** The Perseus metaframework provides an opinionated way to build Sycamore apps that include server functionality. Leptos instead provides primitives like server functions in the core of the framework.
+- **Signals and scopes are `'static`:** Both Leptos and Sycamore ease the pain of moving signals in closures (in particular, event listeners) by making them `Copy`, to avoid the `{ let count = count.clone(); move |_| ... }` that's very familiar in Rust UI code. Sycamore does this by using bump allocation to tie the lifetimes of its signals to its scopes: since references are `Copy`, `&'a Signal<T>` can be moved into a closure. Leptos does this by using arena allocation and passing around indices: types like `ReadSignal<T>`, `WriteSignal<T>`, and `Memo<T>` are actually wrappers for indices into an arena. This means that both scopes and signals are both `Copy` and `'static` in Leptos, which means that they can be moved easily into closures without adding lifetime complexity.
--- a/benchmarks/Cargo.toml
+++ b/benchmarks/Cargo.toml
@@ -2,7 +2,6 @@
 name = "benchmarks"
 version = "0.1.0"
 edition = "2021"
-rust-version.workspace = true

 [dependencies]
 l0410 = { package = "leptos", version = "0.4.10", features = [
--- a/cargo-make/check.toml
+++ b/cargo-make/check.toml
@@ -3,5 +3,5 @@ alias = "check-all"

 [tasks.check-all]
 command = "cargo"
-args = ["check-all-features"]
+args = ["+nightly", "check-all-features"]
 install_crate = "cargo-all-features"
--- a/cargo-make/lint.toml
+++ b/cargo-make/lint.toml
@@ -8,11 +8,4 @@ args = ["fmt", "--", "--check", "--config-path", "${LEPTOS_PROJECT_DIRECTORY}"]
 [tasks.clippy-each-feature]
 dependencies = ["install-clippy"]
 command = "cargo"
-args = [
-    "clippy",
-    "--all-features",
-    "--no-deps",
-    "--",
-    "-D",
-    "clippy::print_stdout",
-]
+args = ["hack", "clippy", "--all", "--each-feature", "--no-dev-deps"]
--- a/cargo-make/test.toml
+++ b/cargo-make/test.toml
@@ -3,5 +3,5 @@ alias = "test-all"

 [tasks.test-all]
 command = "cargo"
-args = ["test-all-features"]
+args = ["+nightly", "test-all-features"]
 install_crate = "cargo-all-features"
--- a/docs/book_ru/.gitignore
+++ b/docs/book_ru/.gitignore
@@ -1 +0,0 @@
-book
--- a/docs/book_ru/README.md
+++ b/docs/book_ru/README.md
@@ -1,2 +0,0 @@
-Перевод в процессе, книга скоро будет доступна
-> Translation underway, book will be available soon
--- a/docs/book_ru/book.toml
+++ b/docs/book_ru/book.toml
@@ -1,10 +0,0 @@
-[output.html]
-additional-css = ["./mdbook-admonish.css"]
-[output.html.playground]
-runnable = false
-
-[preprocessor]
-
-[preprocessor.admonish]
-command = "mdbook-admonish"
-assets_version = "3.0.1" # не редактировать: управляется `mdbook-admonish install`
--- a/docs/book_ru/mdbook-admonish.css
+++ b/docs/book_ru/mdbook-admonish.css
@@ -1,345 +0,0 @@
-@charset "UTF-8";
-:root {
-  --md-admonition-icon--admonish-note: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z'/></svg>");
-  --md-admonition-icon--admonish-abstract: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z'/></svg>");
-  --md-admonition-icon--admonish-info: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2z'/></svg>");
-  --md-admonition-icon--admonish-tip: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27z'/></svg>");
-  --md-admonition-icon--admonish-success: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m9 20.42-6.21-6.21 2.83-2.83L9 14.77l9.88-9.89 2.83 2.83L9 20.42z'/></svg>");
-  --md-admonition-icon--admonish-question: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m15.07 11.25-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2 2 2 0 0 0-2 2H8a4 4 0 0 1 4-4 4 4 0 0 1 4 4 3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-5.53-4.5-10-10-10z'/></svg>");
-  --md-admonition-icon--admonish-warning: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2 1 21z'/></svg>");
-  --md-admonition-icon--admonish-failure: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6.91 17.09 4 12 9.09 6.91 4 4 6.91 9.09 12 4 17.09 6.91 20 12 14.91 17.09 20 20 17.09 14.91 12 20 6.91z'/></svg>");
-  --md-admonition-icon--admonish-danger: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11 15H6l7-14v8h5l-7 14v-8z'/></svg>");
-  --md-admonition-icon--admonish-bug: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 0 0-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8z'/></svg>");
-  --md-admonition-icon--admonish-example: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z'/></svg>");
-  --md-admonition-icon--admonish-quote: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z'/></svg>");
-  --md-details-icon: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z'/></svg>");
-}
-
-:is(.admonition) {
-  display: flow-root;
-  margin: 1.5625em 0;
-  padding: 0 1.2rem;
-  color: var(--fg);
-  page-break-inside: avoid;
-  background-color: var(--bg);
-  border: 0 solid black;
-  border-inline-start-width: 0.4rem;
-  border-radius: 0.2rem;
-  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05), 0 0 0.1rem rgba(0, 0, 0, 0.1);
-}
-@media print {
-  :is(.admonition) {
-    box-shadow: none;
-  }
-}
-:is(.admonition) > * {
-  box-sizing: border-box;
-}
-:is(.admonition) :is(.admonition) {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-:is(.admonition) > .tabbed-set:only-child {
-  margin-top: 0;
-}
-html :is(.admonition) > :last-child {
-  margin-bottom: 1.2rem;
-}
-
-a.admonition-anchor-link {
-  display: none;
-  position: absolute;
-  left: -1.2rem;
-  padding-right: 1rem;
-}
-a.admonition-anchor-link:link, a.admonition-anchor-link:visited {
-  color: var(--fg);
-}
-a.admonition-anchor-link:link:hover, a.admonition-anchor-link:visited:hover {
-  text-decoration: none;
-}
-a.admonition-anchor-link::before {
-  content: "§";
-}
-
-:is(.admonition-title, summary.admonition-title) {
-  position: relative;
-  min-height: 4rem;
-  margin-block: 0;
-  margin-inline: -1.6rem -1.2rem;
-  padding-block: 0.8rem;
-  padding-inline: 4.4rem 1.2rem;
-  font-weight: 700;
-  background-color: rgba(68, 138, 255, 0.1);
-  print-color-adjust: exact;
-  -webkit-print-color-adjust: exact;
-  display: flex;
-}
-:is(.admonition-title, summary.admonition-title) p {
-  margin: 0;
-}
-html :is(.admonition-title, summary.admonition-title):last-child {
-  margin-bottom: 0;
-}
-:is(.admonition-title, summary.admonition-title)::before {
-  position: absolute;
-  top: 0.625em;
-  inset-inline-start: 1.6rem;
-  width: 2rem;
-  height: 2rem;
-  background-color: #448aff;
-  print-color-adjust: exact;
-  -webkit-print-color-adjust: exact;
-  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>');
-  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>');
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  content: "";
-}
-:is(.admonition-title, summary.admonition-title):hover a.admonition-anchor-link {
-  display: initial;
-}
-
-details.admonition > summary.admonition-title::after {
-  position: absolute;
-  top: 0.625em;
-  inset-inline-end: 1.6rem;
-  height: 2rem;
-  width: 2rem;
-  background-color: currentcolor;
-  mask-image: var(--md-details-icon);
-  -webkit-mask-image: var(--md-details-icon);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  content: "";
-  transform: rotate(0deg);
-  transition: transform 0.25s;
-}
-details[open].admonition > summary.admonition-title::after {
-  transform: rotate(90deg);
-}
-
-:is(.admonition):is(.admonish-note) {
-  border-color: #448aff;
-}
-
-:is(.admonish-note) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(68, 138, 255, 0.1);
-}
-:is(.admonish-note) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #448aff;
-  mask-image: var(--md-admonition-icon--admonish-note);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-note);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-abstract, .admonish-summary, .admonish-tldr) {
-  border-color: #00b0ff;
-}
-
-:is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(0, 176, 255, 0.1);
-}
-:is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #00b0ff;
-  mask-image: var(--md-admonition-icon--admonish-abstract);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-abstract);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-info, .admonish-todo) {
-  border-color: #00b8d4;
-}
-
-:is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(0, 184, 212, 0.1);
-}
-:is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #00b8d4;
-  mask-image: var(--md-admonition-icon--admonish-info);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-info);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-tip, .admonish-hint, .admonish-important) {
-  border-color: #00bfa5;
-}
-
-:is(.admonish-tip, .admonish-hint, .admonish-important) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(0, 191, 165, 0.1);
-}
-:is(.admonish-tip, .admonish-hint, .admonish-important) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #00bfa5;
-  mask-image: var(--md-admonition-icon--admonish-tip);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-tip);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-success, .admonish-check, .admonish-done) {
-  border-color: #00c853;
-}
-
-:is(.admonish-success, .admonish-check, .admonish-done) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(0, 200, 83, 0.1);
-}
-:is(.admonish-success, .admonish-check, .admonish-done) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #00c853;
-  mask-image: var(--md-admonition-icon--admonish-success);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-success);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-question, .admonish-help, .admonish-faq) {
-  border-color: #64dd17;
-}
-
-:is(.admonish-question, .admonish-help, .admonish-faq) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(100, 221, 23, 0.1);
-}
-:is(.admonish-question, .admonish-help, .admonish-faq) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #64dd17;
-  mask-image: var(--md-admonition-icon--admonish-question);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-question);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-warning, .admonish-caution, .admonish-attention) {
-  border-color: #ff9100;
-}
-
-:is(.admonish-warning, .admonish-caution, .admonish-attention) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(255, 145, 0, 0.1);
-}
-:is(.admonish-warning, .admonish-caution, .admonish-attention) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #ff9100;
-  mask-image: var(--md-admonition-icon--admonish-warning);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-warning);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-failure, .admonish-fail, .admonish-missing) {
-  border-color: #ff5252;
-}
-
-:is(.admonish-failure, .admonish-fail, .admonish-missing) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(255, 82, 82, 0.1);
-}
-:is(.admonish-failure, .admonish-fail, .admonish-missing) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #ff5252;
-  mask-image: var(--md-admonition-icon--admonish-failure);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-failure);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-danger, .admonish-error) {
-  border-color: #ff1744;
-}
-
-:is(.admonish-danger, .admonish-error) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(255, 23, 68, 0.1);
-}
-:is(.admonish-danger, .admonish-error) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #ff1744;
-  mask-image: var(--md-admonition-icon--admonish-danger);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-danger);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-bug) {
-  border-color: #f50057;
-}
-
-:is(.admonish-bug) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(245, 0, 87, 0.1);
-}
-:is(.admonish-bug) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #f50057;
-  mask-image: var(--md-admonition-icon--admonish-bug);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-bug);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-example) {
-  border-color: #7c4dff;
-}
-
-:is(.admonish-example) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(124, 77, 255, 0.1);
-}
-:is(.admonish-example) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #7c4dff;
-  mask-image: var(--md-admonition-icon--admonish-example);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-example);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-:is(.admonition):is(.admonish-quote, .admonish-cite) {
-  border-color: #9e9e9e;
-}
-
-:is(.admonish-quote, .admonish-cite) > :is(.admonition-title, summary.admonition-title) {
-  background-color: rgba(158, 158, 158, 0.1);
-}
-:is(.admonish-quote, .admonish-cite) > :is(.admonition-title, summary.admonition-title)::before {
-  background-color: #9e9e9e;
-  mask-image: var(--md-admonition-icon--admonish-quote);
-  -webkit-mask-image: var(--md-admonition-icon--admonish-quote);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-.navy :is(.admonition) {
-  background-color: var(--sidebar-bg);
-}
-
-.ayu :is(.admonition),
-.coal :is(.admonition) {
-  background-color: var(--theme-hover);
-}
-
-.rust :is(.admonition) {
-  background-color: var(--sidebar-bg);
-  color: var(--sidebar-fg);
-}
-.rust .admonition-anchor-link:link, .rust .admonition-anchor-link:visited {
-  color: var(--sidebar-fg);
-}
--- a/docs/book_ru/src/01_introduction.md
+++ b/docs/book_ru/src/01_introduction.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/">
-<link rel="canonical" href="https://book.leptos.dev/">
--- a/docs/book_ru/src/15_global_state.md
+++ b/docs/book_ru/src/15_global_state.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/15_global_state.html">
-<link rel="canonical" href="https://book.leptos.dev/15_global_state.html">
--- a/docs/book_ru/src/SUMMARY.md
+++ b/docs/book_ru/src/SUMMARY.md
@@ -1,56 +0,0 @@
-# Summary
-
- [Introduction](./01_introduction.md)
- [Getting Started](./getting_started/README.md)
-  - [Leptos DX](./getting_started/leptos_dx.md)
-  - [The Leptos Community and leptos-* Crates](./getting_started/community_crates.md)
- [Part 1: Building User Interfaces](./view/README.md)
-  - [A Basic Component](./view/01_basic_component.md)
-  - [Dynamic Attributes](./view/02_dynamic_attributes.md)
-  - [Components and Props](./view/03_components.md)
-  - [Iteration](./view/04_iteration.md)
-  - [Iterating over More Complex Data](./view/04b_iteration.md)
-  - [Forms and Inputs](./view/05_forms.md)
-  - [Control Flow](./view/06_control_flow.md)
-  - [Error Handling](./view/07_errors.md)
-  - [Parent-Child Communication](./view/08_parent_child.md)
-  - [Passing Children to Components](./view/09_component_children.md)
-  - [No Macros: The View Builder Syntax](./view/builder.md)
- [Reactivity](./reactivity/README.md)
-  - [Working with Signals](./reactivity/working_with_signals.md)
-  - [Responding to Changes with `create_effect`](./reactivity/14_create_effect.md)
-  - [Interlude: Reactivity and Functions](./reactivity/interlude_functions.md)
- [Testing](./testing.md)
- [Async](./async/README.md)
-  - [Loading Data with Resources](./async/10_resources.md)
-  - [Suspense](./async/11_suspense.md)
-  - [Transition](./async/12_transition.md)
-  - [Actions](./async/13_actions.md)
- [Interlude: Projecting Children](./interlude_projecting_children.md)
- [Global State Management](./15_global_state.md)
- [Router](./router/README.md)
-  - [Defining `<Routes/>`](./router/16_routes.md)
-  - [Nested Routing](./router/17_nested_routing.md)
-  - [Params and Queries](./router/18_params_and_queries.md)
-  - [`<A/>`](./router/19_a.md)
-  - [`<Form/>`](./router/20_form.md)
- [Interlude: Styling](./interlude_styling.md)
- [Metadata](./metadata.md)
- [Client-Side Rendering: Wrapping Up](./csr_wrapping_up.md)
- [Part 2: Server Side Rendering](./ssr/README.md)
-  - [`cargo-leptos`](./ssr/21_cargo_leptos.md)
-  - [The Life of a Page Load](./ssr/22_life_cycle.md)
-  - [Async Rendering and SSR “Modes”](./ssr/23_ssr_modes.md)
-  - [Hydration Bugs](./ssr/24_hydration_bugs.md)
- [Working with the Server](./server/README.md)
-  - [Server Functions](./server/25_server_functions.md)
-  - [Extractors](./server/26_extractors.md)
-  - [Responses and Redirects](./server/27_response.md)
- [Progressive Enhancement and Graceful Degradation](./progressive_enhancement/README.md)
-  - [`<ActionForm/>`s](./progressive_enhancement/action_form.md)
- [Deployment](./deployment/README.md)
-  - [Optimizing WASM Binary Size](./deployment/binary_size.md)
- [Guide: Islands](./islands.md)
-
- [Appendix: How Does the Reactive System Work?](./appendix_reactive_graph.md)
-
--- a/docs/book_ru/src/appendix_reactive_graph.md
+++ b/docs/book_ru/src/appendix_reactive_graph.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/appendix_reactive_graph.html">
-<link rel="canonical" href="https://book.leptos.dev/appendix_reactive_graph.html">
--- a/docs/book_ru/src/async/10_resources.md
+++ b/docs/book_ru/src/async/10_resources.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/async/10_resources.html">
-<link rel="canonical" href="https://book.leptos.dev/async/10_resources.html">
--- a/docs/book_ru/src/async/11_suspense.md
+++ b/docs/book_ru/src/async/11_suspense.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/async/11_suspense.html">
-<link rel="canonical" href="https://book.leptos.dev/async/11_suspense.html">
--- a/docs/book_ru/src/async/12_transition.md
+++ b/docs/book_ru/src/async/12_transition.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/async/12_transition.html">
-<link rel="canonical" href="https://book.leptos.dev/async/12_transition.html">
--- a/docs/book_ru/src/async/13_actions.md
+++ b/docs/book_ru/src/async/13_actions.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/async/13_action.html">
-<link rel="canonical" href="https://book.leptos.dev/async/13_action.html">
--- a/docs/book_ru/src/async/README.md
+++ b/docs/book_ru/src/async/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/async/index.html">
-<link rel="canonical" href="https://book.leptos.dev/async/index.html">
--- a/docs/book_ru/src/csr_wrapping_up.md
+++ b/docs/book_ru/src/csr_wrapping_up.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/csr_wrapping_up.html">
-<link rel="canonical" href="https://book.leptos.dev/csr_wrapping_up.html">
--- a/docs/book_ru/src/deployment/README.md
+++ b/docs/book_ru/src/deployment/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/deployment/index.html">
-<link rel="canonical" href="https://book.leptos.dev/deployment/index.html">
--- a/docs/book_ru/src/deployment/binary_size.md
+++ b/docs/book_ru/src/deployment/binary_size.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/deployment/binary_size.html">
-<link rel="canonical" href="https://book.leptos.dev/deployment/binary_size.html">
--- a/docs/book_ru/src/getting_started/README.md
+++ b/docs/book_ru/src/getting_started/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/getting_started/index.html">
-<link rel="canonical" href="https://book.leptos.dev/getting_started/index.html">
--- a/docs/book_ru/src/getting_started/community_crates.md
+++ b/docs/book_ru/src/getting_started/community_crates.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/getting_started/community_crates.html">
-<link rel="canonical" href="https://book.leptos.dev/getting_started/community_crates.html">
--- a/docs/book_ru/src/getting_started/leptos_dx.md
+++ b/docs/book_ru/src/getting_started/leptos_dx.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/getting_started/leptos_dx.html">
-<link rel="canonical" href="https://book.leptos.dev/getting_started/leptos_dx.html">
--- a/docs/book_ru/src/interlude_projecting_children.md
+++ b/docs/book_ru/src/interlude_projecting_children.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/interlude_projecting_children.html">
-<link rel="canonical" href="https://book.leptos.dev/interlude_projecting_children.html">
--- a/docs/book_ru/src/interlude_styling.md
+++ b/docs/book_ru/src/interlude_styling.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/interlude_styling.html">
-<link rel="canonical" href="https://book.leptos.dev/interlude_styling.html">
--- a/docs/book_ru/src/islands.md
+++ b/docs/book_ru/src/islands.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/islands.html">
-<link rel="canonical" href="https://book.leptos.dev/islands.html">
--- a/docs/book_ru/src/metadata.md
+++ b/docs/book_ru/src/metadata.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/metadata.html">
-<link rel="canonical" href="https://book.leptos.dev/metadata.html">
--- a/docs/book_ru/src/progressive_enhancement/README.md
+++ b/docs/book_ru/src/progressive_enhancement/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/progressive_enhancement/index.html">
-<link rel="canonical" href="https://book.leptos.dev/progressive_enhancement/index.html">
--- a/docs/book_ru/src/progressive_enhancement/action_form.md
+++ b/docs/book_ru/src/progressive_enhancement/action_form.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/progressive_enhancement/action_form.html">
-<link rel="canonical" href="https://book.leptos.dev/progressive_enhancement/action_form.html">
--- a/docs/book_ru/src/reactivity/14_create_effect.md
+++ b/docs/book_ru/src/reactivity/14_create_effect.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/reactivity/14_create_effect.html">
-<link rel="canonical" href="https://book.leptos.dev/reactivity/14_create_effect.html">
--- a/docs/book_ru/src/reactivity/README.md
+++ b/docs/book_ru/src/reactivity/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/reactivity/index.html">
-<link rel="canonical" href="https://book.leptos.dev/reactivity/index.html">
--- a/docs/book_ru/src/reactivity/interlude_functions.md
+++ b/docs/book_ru/src/reactivity/interlude_functions.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/reactivity/interlude_functions.html">
-<link rel="canonical" href="https://book.leptos.dev/reactivity/interlude_functions.html">
--- a/docs/book_ru/src/reactivity/working_with_signals.md
+++ b/docs/book_ru/src/reactivity/working_with_signals.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/reactivity/working_with_signals.html">
-<link rel="canonical" href="https://book.leptos.dev/reactivity/working_with_signals.html">
--- a/docs/book_ru/src/router/16_routes.md
+++ b/docs/book_ru/src/router/16_routes.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/16_routes.html">
-<link rel="canonical" href="https://book.leptos.dev/router/16_routes.html">
--- a/docs/book_ru/src/router/17_nested_routing.md
+++ b/docs/book_ru/src/router/17_nested_routing.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/17_nested_routing.html">
-<link rel="canonical" href="https://book.leptos.dev/router/17_nested_routing.html">
--- a/docs/book_ru/src/router/18_params_and_queries.md
+++ b/docs/book_ru/src/router/18_params_and_queries.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/18_params_and_queries.html">
-<link rel="canonical" href="https://book.leptos.dev/router/18_params_and_queries.html">
--- a/docs/book_ru/src/router/19_a.md
+++ b/docs/book_ru/src/router/19_a.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/19_a.html">
-<link rel="canonical" href="https://book.leptos.dev/router/19_a.html">
--- a/docs/book_ru/src/router/20_form.md
+++ b/docs/book_ru/src/router/20_form.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/20_form.html">
-<link rel="canonical" href="https://book.leptos.dev/router/20_form.html">
--- a/docs/book_ru/src/router/README.md
+++ b/docs/book_ru/src/router/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/router/index.html">
-<link rel="canonical" href="https://book.leptos.dev/router/index.html">
--- a/docs/book_ru/src/server/25_server_functions.md
+++ b/docs/book_ru/src/server/25_server_functions.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/server/25_server_functions.html">
-<link rel="canonical" href="https://book.leptos.dev/server/25_server_functions.html">
--- a/docs/book_ru/src/server/26_extractors.md
+++ b/docs/book_ru/src/server/26_extractors.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/server/26_extractors.html">
-<link rel="canonical" href="https://book.leptos.dev/server/26_extractors.html">
--- a/docs/book_ru/src/server/27_response.md
+++ b/docs/book_ru/src/server/27_response.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/server/27_response.html">
-<link rel="canonical" href="https://book.leptos.dev/server/27_response.html">
--- a/docs/book_ru/src/server/README.md
+++ b/docs/book_ru/src/server/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/server/index.html">
-<link rel="canonical" href="https://book.leptos.dev/server/index.html">
--- a/docs/book_ru/src/ssr/21_cargo_leptos.md
+++ b/docs/book_ru/src/ssr/21_cargo_leptos.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/ssr/21_cargo_leptos.html">
-<link rel="canonical" href="https://book.leptos.dev/ssr/21_cargo_leptos.html">
--- a/docs/book_ru/src/ssr/22_life_cycle.md
+++ b/docs/book_ru/src/ssr/22_life_cycle.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/ssr/22_life_cycle.html">
-<link rel="canonical" href="https://book.leptos.dev/ssr/22_life_cycle.html">
--- a/docs/book_ru/src/ssr/23_ssr_modes.md
+++ b/docs/book_ru/src/ssr/23_ssr_modes.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/ssr/23_ssr_modes.html">
-<link rel="canonical" href="https://book.leptos.dev/ssr/23_ssr_modes.html">
--- a/docs/book_ru/src/ssr/24_hydration_bugs.md
+++ b/docs/book_ru/src/ssr/24_hydration_bugs.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/ssr/24_hydration_bugs.html">
-<link rel="canonical" href="https://book.leptos.dev/ssr/24_hydration_bugs.html">
--- a/docs/book_ru/src/ssr/README.md
+++ b/docs/book_ru/src/ssr/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/ssr/index.html">
-<link rel="canonical" href="https://book.leptos.dev/ssr/index.html">
--- a/docs/book_ru/src/testing.md
+++ b/docs/book_ru/src/testing.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/testing.html">
-<link rel="canonical" href="https://book.leptos.dev/testing.html">
--- a/docs/book_ru/src/view/01_basic_component.md
+++ b/docs/book_ru/src/view/01_basic_component.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/01_basic_component.html">
-<link rel="canonical" href="https://book.leptos.dev/view/01_basic_component.html">
--- a/docs/book_ru/src/view/02_dynamic_attributes.md
+++ b/docs/book_ru/src/view/02_dynamic_attributes.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/02_dynamic_attributes.html">
-<link rel="canonical" href="https://book.leptos.dev/view/02_dynamic_attributes.html">
--- a/docs/book_ru/src/view/03_components.md
+++ b/docs/book_ru/src/view/03_components.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/03_components.html">
-<link rel="canonical" href="https://book.leptos.dev/view/03_components.html">
--- a/docs/book_ru/src/view/04_iteration.md
+++ b/docs/book_ru/src/view/04_iteration.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/04_iteration.html">
-<link rel="canonical" href="https://book.leptos.dev/view/04_iteration.html">
--- a/docs/book_ru/src/view/04b_iteration.md
+++ b/docs/book_ru/src/view/04b_iteration.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/04b_iteration.html">
-<link rel="canonical" href="https://book.leptos.dev/view/04b_iteration.html">
--- a/docs/book_ru/src/view/05_forms.md
+++ b/docs/book_ru/src/view/05_forms.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/05_forms.html">
-<link rel="canonical" href="https://book.leptos.dev/view/05_forms.html">
--- a/docs/book_ru/src/view/06_control_flow.md
+++ b/docs/book_ru/src/view/06_control_flow.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/06_control_flow.html">
-<link rel="canonical" href="https://book.leptos.dev/view/06_control_flow.html">
--- a/docs/book_ru/src/view/07_errors.md
+++ b/docs/book_ru/src/view/07_errors.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/07_errors.html">
-<link rel="canonical" href="https://book.leptos.dev/view/07_errors.html">
--- a/docs/book_ru/src/view/08_parent_child.md
+++ b/docs/book_ru/src/view/08_parent_child.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/08_parent_child.html">
-<link rel="canonical" href="https://book.leptos.dev/view/08_parent_child.html">
--- a/docs/book_ru/src/view/09_component_children.md
+++ b/docs/book_ru/src/view/09_component_children.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/09_component_children.html">
-<link rel="canonical" href="https://book.leptos.dev/view/09_component_children.html">
--- a/docs/book_ru/src/view/README.md
+++ b/docs/book_ru/src/view/README.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/index.html">
-<link rel="canonical" href="https://book.leptos.dev/view/index.html">
--- a/docs/book_ru/src/view/builder.md
+++ b/docs/book_ru/src/view/builder.md
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; URL=https://book.leptos.dev/view/builder.html">
-<link rel="canonical" href="https://book.leptos.dev/view/builder.html">
--- a/examples/Makefile.toml
+++ b/examples/Makefile.toml
@@ -5,41 +5,34 @@ CARGO_MAKE_EXTEND_WORKSPACE_MAKEFILE = true
 CARGO_MAKE_CARGO_BUILD_TEST_FLAGS = ""
 CARGO_MAKE_WORKSPACE_EMULATION = true
 CARGO_MAKE_CRATE_WORKSPACE_MEMBERS = [
-  "action-form-error-handling",
  "animated_show",
  "counter",
  "counter_isomorphic",
  "counters",
+  "counters_stable",
  "counter_url_query",
  "counter_without_macros",
-  "directives",
  "error_boundary",
  "errors_axum",
  "fetch",
  "hackernews",
  "hackernews_axum",
-  "hackernews_islands_axum",
-  "hackernews_js_fetch",
  "js-framework-benchmark",
  "login_with_token_csr_only",
  "parent_child",
-  "portal",
  "router",
-  "server_fns_axum",
  "session_auth_axum",
  "slots",
-  "spread",
-  "sso_auth_axum",
  "ssr_modes",
  "ssr_modes_axum",
  "suspense_tests",
  "tailwind_actix",
-  "tailwind_axum",
  "tailwind_csr",
+  "tailwind_axum",
  "timer",
  "todo_app_sqlite",
  "todo_app_sqlite_axum",
-  "todo_app_sqlite_csr",
+  "todo_app_sqlite_viz",
  "todomvc",
 ]

@@ -58,5 +51,103 @@ echo "CARGO_MAKE_CRATE_WORKSPACE_MEMBERS = $examples"

 [tasks.test-report]
 workspace = false
-description = "show the cargo-make configuration for web examples [web|all|help]"
-script = { file = "./cargo-make/scripts/web-report.sh" }
+description = "report web testing technology used by examples - OPTION: [all]"
+script = '''
+set -emu
+
+BOLD="\e[1m"
+GREEN="\e[0;32m"
+ITALIC="\e[3m"
+YELLOW="\e[0;33m"
+RESET="\e[0m"
+
+echo
+echo "${YELLOW}Web Test Technology${RESET}"
+echo
+
+makefile_paths=$(find . -name Makefile.toml -not -path '*/target/*' -not -path '*/node_modules/*' |
+  sed 's%./%%' |
+  sed 's%/Makefile.toml%%' |
+  grep -v Makefile.toml |
+  sort -u)
+
+start_path=$(pwd)
+
+for path in $makefile_paths; do
+  cd $path
+
+  crate_symbols=
+
+  pw_count=$(find . -name playwright.config.ts | wc -l)
+
+  while read -r line; do
+      case $line in
+      *"cucumber"*)
+          crate_symbols=$crate_symbols"C"
+          ;;
+      *"fantoccini"*)
+          crate_symbols=$crate_symbols"D"
+          ;;
+      esac
+  done <"./Cargo.toml"
+
+  while read -r line; do
+    case $line in
+      *"cargo-make/wasm-test.toml"*)
+          crate_symbols=$crate_symbols"W"
+        ;;
+      *"cargo-make/playwright-test.toml"*)
+          crate_symbols=$crate_symbols"P"
+          crate_symbols=$crate_symbols"N"
+        ;;
+      *"cargo-make/playwright-trunk-test.toml"*)
+          crate_symbols=$crate_symbols"P"
+          crate_symbols=$crate_symbols"T"
+        ;;
+      *"cargo-make/trunk_server.toml"*)
+          crate_symbols=$crate_symbols"T"
+        ;;
+      *"cargo-make/cargo-leptos-webdriver-test.toml"*)
+          crate_symbols=$crate_symbols"L"
+        ;;
+      *"cargo-make/cargo-leptos-test.toml"*)
+          crate_symbols=$crate_symbols"L"
+          if [ $pw_count -gt 0 ]; then
+            crate_symbols=$crate_symbols"P"
+          fi
+        ;;
+    esac
+  done <"./Makefile.toml"
+
+  # Sort list of tools
+  sorted_crate_symbols=$(echo ${crate_symbols} | grep -o . | sort | tr -d "\n") 
+
+  formatted_crate_symbols=" ➤ ${BOLD}${YELLOW}${sorted_crate_symbols}${RESET}"
+  crate_line=$path
+  if [ ! -z ${1+x} ]; then
+    # Show all examples
+    if [ ! -z $crate_symbols ]; then
+      crate_line=$crate_line$formatted_crate_symbols
+    fi
+    echo $crate_line
+  elif [ ! -z $crate_symbols ]; then
+    # Filter out examples that do not run tests in `ci`
+    crate_line=$crate_line$formatted_crate_symbols
+    echo $crate_line
+  fi
+
+  cd ${start_path}
+done
+
+c="${BOLD}${YELLOW}C${RESET} = Cucumber"
+d="${BOLD}${YELLOW}D${RESET} = WebDriver"
+l="${BOLD}${YELLOW}L${RESET} = Cargo Leptos"
+n="${BOLD}${YELLOW}N${RESET} = Node"
+p="${BOLD}${YELLOW}P${RESET} = Playwright"
+t="${BOLD}${YELLOW}T${RESET} = Trunk"
+w="${BOLD}${YELLOW}W${RESET} = WASM"
+
+echo
+echo "${ITALIC}Keys:${RESET} $c, $d, $l, $n, $p, $t, $w"
+echo
+'''
--- a/examples/README.md
+++ b/examples/README.md
@@ -8,7 +8,7 @@ To the extent that new features have been released or breaking changes have been

 ## Getting Started

-The simplest way to get started with any example is to use the “quick start” command found in the README for each example. Most of the examples use either [`trunk`](https://trunkrs.dev/) (a simple build system and dev server for client-side-rendered apps) or [`cargo-leptos`](https://github.com/leptos-rs/cargo-leptos) (a build system for server-rendered and client-hydrated apps).
+The simplest way to get started with any example is to use the “quick start” command found in the README for each example. Most of the examples use either [`trunk`](https://trunkrs.dev/) (a simple build system and dev server for client-side-rendered apps) or [`cargo-leptos`](https://github.com/leptos-rs/cargo-leptos) (a build system for server-rendered and client-hydrated apps). 

 ## Using Cargo Make

@@ -16,18 +16,16 @@ You can also run any of the examples using [`cargo-make`](https://github.com/sag

 Follow these steps to get any example up and running.

-1. `cd` to the example you want to run
-2. Make sure `cargo-make` is installed (for example by running `cargo install cargo-make`)
-3. Make sure `rustup target add wasm32-unknown-unknown` was executed for the currently selected toolchain.
-4. Run `cargo make ci` to setup and test the example
-5. Run `cargo make start` to run the example
-6. Open the client URL in the console output (<http://127.0.0.1:8080> or <http://127.0.0.1:3000> by default)
-7. Run `cargo make stop` to end any processes started by `cargo make start`.
+1. `cd` to the example root directory
+2. Run `cargo make ci` to setup and test the example
+3. Run `cargo make start` to run the example
+4. Open the client URL in the console output (<http://127.0.0.1:8080> or <http://127.0.0.1:3000> by default)
+5. Run `cargo make stop` to end any processes started by `cargo make start`. 

 Here are a few additional notes:

 - Extendable custom task files are located in the [cargo-make](./cargo-make/) directory
- Running a task will automatically install `cargo` dependencies
+- Running a task will automatically install `cargo` dependencies 
 - Each `Makefile.toml` file must extend the [cargo-make/main.toml](./cargo-make/main.toml) file
 - [cargo-make](./cargo-make/) files that end in `*-test.toml` configure web testing strategies
 - Run `cargo make test-report` to learn which examples have web tests
--- a/examples/action-form-error-handling/Makefile.toml
+++ b/examples/action-form-error-handling/Makefile.toml
@@ -1,8 +0,0 @@
-extend = [
-    { path = "../cargo-make/main.toml" },
-    { path = "../cargo-make/cargo-leptos.toml" },
-]
-
-[env]
-
-CLIENT_PROCESS_NAME = "action_form_error_handling"
--- a/examples/action-form-error-handling/README.md
+++ b/examples/action-form-error-handling/README.md
@@ -1,68 +0,0 @@
-<picture>
-    <source srcset="https://raw.githubusercontent.com/leptos-rs/leptos/main/docs/logos/Leptos_logo_Solid_White.svg" media="(prefers-color-scheme: dark)">
-    <img src="https://raw.githubusercontent.com/leptos-rs/leptos/main/docs/logos/Leptos_logo_RGB.svg" alt="Leptos Logo">
-</picture>
-
-# Leptos Starter Template
-
-This is a template for use with the [Leptos](https://github.com/leptos-rs/leptos) web framework and the [cargo-leptos](https://github.com/akesson/cargo-leptos) tool.
-
-## Creating your template repo
-
-If you don't have `cargo-leptos` installed you can install it with
-
-`cargo install cargo-leptos`
-
-Then run
-
-`cargo leptos new --git leptos-rs/start`
-
-to generate a new project template (you will be prompted to enter a project name).
-
-`cd {projectname}`
-
-to go to your newly created project.
-
-Of course, you should explore around the project structure, but the best place to start with your application code is in `src/app.rs`.
-
-## Running your project
-
-`cargo leptos watch`  
-By default, you can access your local project at `http://localhost:3000`
-
-## Installing Additional Tools
-
-By default, `cargo-leptos` uses `nightly` Rust, `cargo-generate`, and `sass`. If you run into any trouble, you may need to install one or more of these tools.
-
-1. `rustup toolchain install nightly --allow-downgrade` - make sure you have Rust nightly
-2. `rustup target add wasm32-unknown-unknown` - add the ability to compile Rust to WebAssembly
-3. `cargo install cargo-generate` - install `cargo-generate` binary (should be installed automatically in future)
-4. `npm install -g sass` - install `dart-sass` (should be optional in future)
-
-## Executing a Server on a Remote Machine Without the Toolchain
-After running a `cargo leptos build --release` the minimum files needed are:
-
-1. The server binary located in `target/server/release`
-2. The `site` directory and all files within located in `target/site`
-
-Copy these files to your remote server. The directory structure should be:
-```text
-leptos_start
-site/
-```
-Set the following environment variables (updating for your project as needed):
-```sh
-export LEPTOS_OUTPUT_NAME="leptos_start"
-export LEPTOS_SITE_ROOT="site"
-export LEPTOS_SITE_PKG_DIR="pkg"
-export LEPTOS_SITE_ADDR="127.0.0.1:3000"
-export LEPTOS_RELOAD_PORT="3001"
-```
-Finally, run the server binary.
-
-## Notes about CSR and Trunk:
-Although it is not recommended, you can also run your project without server integration using the feature `csr` and `trunk serve`:
-
-`trunk serve --open --features csr`
-
-This may be useful for integrating external tools which require a static site, e.g. `tauri`.
--- a/examples/action-form-error-handling/src/app.rs
+++ b/examples/action-form-error-handling/src/app.rs
@@ -1,97 +0,0 @@
-use leptos::*;
-use leptos_meta::*;
-use leptos_router::*;
-
-#[component]
-pub fn App() -> impl IntoView {
-    // Provides context that manages stylesheets, titles, meta tags, etc.
-    provide_meta_context();
-
-    view! {
-        // injects a stylesheet into the document <head>
-        // id=leptos means cargo-leptos will hot-reload this stylesheet
-        <Stylesheet id="leptos" href="/pkg/leptos_start.css"/>
-
-        // sets the document title
-        <Title text="Welcome to Leptos"/>
-
-        // content for this welcome page
-        <Router>
-            <main id="app">
-                <Routes>
-                    <Route path="" view=HomePage/>
-                    <Route path="/*any" view=NotFound/>
-                </Routes>
-            </main>
-        </Router>
-    }
-}
-
-#[server]
-async fn do_something(
-    should_error: Option<String>,
-) -> Result<String, ServerFnError> {
-    if should_error.is_none() {
-        Ok(String::from("Successful submit"))
-    } else {
-        Err(ServerFnError::ServerError(String::from(
-            "You got an error!",
-        )))
-    }
-}
-
-/// Renders the home page of your application.
-#[component]
-fn HomePage() -> impl IntoView {
-    let do_something_action = Action::<DoSomething, _>::server();
-    let value = Signal::derive(move || {
-        do_something_action
-            .value()
-            .get()
-            .unwrap_or_else(|| Ok(String::new()))
-    });
-
-    Effect::new_isomorphic(move |_| {
-        logging::log!("Got value = {:?}", value.get());
-    });
-
-    view! {
-        <h1>"Test the action form!"</h1>
-        <ErrorBoundary fallback=move |error| format!("{:#?}", error
-                                                     .get()
-                                                     .into_iter()
-                                                     .next()
-                                                     .unwrap()
-                                                     .1.into_inner()
-                                                     .to_string())
-            >
-            {value}
-            <ActionForm action=do_something_action class="form">
-                <label>Should error: <input type="checkbox" name="should_error"/></label>
-                <button type="submit">Submit</button>
-            </ActionForm>
-        </ErrorBoundary>
-    }
-}
-
-/// 404 - Not Found
-#[component]
-fn NotFound() -> impl IntoView {
-    // set an HTTP status code 404
-    // this is feature gated because it can only be done during
-    // initial server-side rendering
-    // if you navigate to the 404 page subsequently, the status
-    // code will not be set because there is not a new HTTP request
-    // to the server
-    #[cfg(feature = "ssr")]
-    {
-        // this can be done inline because it's synchronous
-        // if it were async, we'd use a server function
-        let resp = expect_context::<leptos_actix::ResponseOptions>();
-        resp.set_status(actix_web::http::StatusCode::NOT_FOUND);
-    }
-
-    view! {
-        <h1>"Not Found"</h1>
-    }
-}
--- a/examples/action-form-error-handling/src/lib.rs
+++ b/examples/action-form-error-handling/src/lib.rs
@@ -1,18 +0,0 @@
-pub mod app;
-use cfg_if::cfg_if;
-
-cfg_if! {
-if #[cfg(feature = "hydrate")] {
-
-  use wasm_bindgen::prelude::wasm_bindgen;
-
-    #[wasm_bindgen]
-    pub fn hydrate() {
-      use app::*;
-
-      console_error_panic_hook::set_once();
-
-      leptos::mount_to_body(App);
-    }
-}
-}
--- a/examples/action-form-error-handling/src/main.rs
+++ b/examples/action-form-error-handling/src/main.rs
@@ -1,53 +0,0 @@
-#[cfg(feature = "ssr")]
-#[actix_web::main]
-async fn main() -> std::io::Result<()> {
-    use action_form_error_handling::app::*;
-    use actix_files::Files;
-    use actix_web::*;
-    use leptos::*;
-    use leptos_actix::{generate_route_list, LeptosRoutes};
-
-    let conf = get_configuration(None).await.unwrap();
-    let addr = conf.leptos_options.site_addr;
-    // Generate the list of routes in your Leptos App
-    let routes = generate_route_list(App);
-    println!("listening on http://{}", &addr);
-
-    HttpServer::new(move || {
-        let leptos_options = &conf.leptos_options;
-        let site_root = &leptos_options.site_root;
-
-        App::new()
-            .route("/api/{tail:.*}", leptos_actix::handle_server_fns())
-            // serve JS/WASM/CSS from `pkg`
-            .service(Files::new("/pkg", format!("{site_root}/pkg")))
-            .leptos_routes(leptos_options.to_owned(), routes.to_owned(), App)
-            .app_data(web::Data::new(leptos_options.to_owned()))
-        //.wrap(middleware::Compress::default())
-    })
-    .bind(&addr)?
-    .run()
-    .await
-}
-
-#[cfg(not(any(feature = "ssr", feature = "csr")))]
-pub fn main() {
-    // no client-side main function
-    // unless we want this to work with e.g., Trunk for pure client-side testing
-    // see lib.rs for hydration function instead
-    // see optional feature `csr` instead
-}
-
-#[cfg(all(not(feature = "ssr"), feature = "csr"))]
-pub fn main() {
-    // a client-side main function is required for using `trunk serve`
-    // prefer using `cargo leptos serve` instead
-    // to run: `trunk serve --open --features csr`
-    use action_form_error_handling::app::*;
-    use leptos::*;
-    use wasm_bindgen::prelude::wasm_bindgen;
-
-    console_error_panic_hook::set_once();
-
-    leptos::mount_to_body(App);
-}
--- a/examples/action-form-error-handling/style/main.scss
+++ b/examples/action-form-error-handling/style/main.scss
@@ -1,15 +0,0 @@
-body {
-	font-family: sans-serif;
-	text-align: center;
-}
-
-#app {
-	text-align: center;
-}
-
-.form {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 0.5rem;
-}
--- a/examples/animated_show/Cargo.toml
+++ b/examples/animated_show/Cargo.toml
@@ -7,7 +7,7 @@ edition = "2021"
 codegen-units = 1
 lto = true

-[dependencies] 
+[dependencies]
 leptos = { path = "../../leptos", features = ["csr"] }
 console_log = "1"
 log = "0.4"
--- a/examples/cargo-make/cargo-leptos.toml
+++ b/examples/cargo-make/cargo-leptos.toml
@@ -15,13 +15,13 @@ clear = true
 dependencies = ["check-debug", "check-release"]

 [tasks.check-debug]
-toolchain = "stable"
+toolchain = "nightly"
 command = "cargo"
 args = ["check-all-features"]
 install_crate = "cargo-all-features"

 [tasks.check-release]
-toolchain = "stable"
+toolchain = "nightly"
 command = "cargo"
 args = ["check-all-features", "--release"]
 install_crate = "cargo-all-features"
--- a/examples/cargo-make/clean.toml
+++ b/examples/cargo-make/clean.toml
@@ -4,13 +4,11 @@ dependencies = [
  "clean-trunk",
  "clean-node_modules",
  "clean-playwright",
-  "clean-pkg",
 ]

 [tasks.clean-cargo]
-script = '''
-find . -type d -name target | xargs rm -rf
-'''
+command = "rm"
+args = ["-rf", "target"]

 [tasks.clean-trunk]
 script = '''
@@ -29,8 +27,3 @@ fi
 script = '''
 find . -name playwright-report -name playwright -name test-results | xargs rm -rf
 '''
-
-[tasks.clean-pkg]
-script = '''
-find . -type d -name pkg | xargs rm -rf
-'''
--- a/examples/cargo-make/client-process.toml
+++ b/examples/cargo-make/client-process.toml
@@ -3,36 +3,32 @@
 [tasks.stop-client]
 condition = { env_set = ["CLIENT_PROCESS_NAME"] }
 script = '''
-  if pidof -q ${CLIENT_PROCESS_NAME}; then
-    echo "  Stopping ${CLIENT_PROCESS_NAME}"
+  if [ ! -z $(pidof ${CLIENT_PROCESS_NAME}) ]; then
    pkill -ef ${CLIENT_PROCESS_NAME}
-  else
-    echo "  ${CLIENT_PROCESS_NAME} is already stopped"
  fi
 '''

 [tasks.client-status]
 condition = { env_set = ["CLIENT_PROCESS_NAME"] }
 script = '''
-  if pidof -q ${CLIENT_PROCESS_NAME}; then
-    echo "  ${CLIENT_PROCESS_NAME} is up"
-  else
+  if [ -z $(pidof ${CLIENT_PROCESS_NAME}) ]; then
    echo "  ${CLIENT_PROCESS_NAME} is not running"
+  else
+    echo "  ${CLIENT_PROCESS_NAME} is up"
  fi
 '''

 [tasks.maybe-start-client]
 condition = { env_set = ["CLIENT_PROCESS_NAME"] }
 script = '''
-  if pidof -q ${CLIENT_PROCESS_NAME}; then
-    echo "  ${CLIENT_PROCESS_NAME} is already started"
-  else
+  if [ -z $(pidof ${CLIENT_PROCESS_NAME}) ]; then
    echo "  Starting ${CLIENT_PROCESS_NAME}"
-    if [ -n "${SPAWN_CLIENT_PROCESS}" ];then
-      echo "Spawning process..."
+    if [ -z ${SPAWN_CLIENT_PROCESS} ];then
      cargo make start-client ${@} &
    else
      cargo make start-client ${@}
    fi
+  else
+    echo "  ${CLIENT_PROCESS_NAME} is already started"
  fi
 '''
--- a/examples/cargo-make/compile.toml
+++ b/examples/cargo-make/compile.toml
@@ -1,11 +1,11 @@
 [tasks.build]
-toolchain = "stable"
+toolchain = "nightly"
 command = "cargo"
 args = ["build-all-features"]
 install_crate = "cargo-all-features"

 [tasks.check]
-toolchain = "stable"
+toolchain = "nightly"
 command = "cargo"
 args = ["check-all-features"]
 install_crate = "cargo-all-features"
--- a/examples/cargo-make/deno-build.toml
+++ b/examples/cargo-make/deno-build.toml
@@ -1,24 +0,0 @@
-[tasks.build]
-clear = true
-command = "deno"
-args = ["task", "build"]
-
-[tasks.start-client]
-command = "deno"
-args = ["task", "start"]
-
-[tasks.check]
-clear = true
-dependencies = ["check-debug", "check-release"]
-
-[tasks.check-debug]
-toolchain = "stable"
-command = "cargo"
-args = ["check-all-features"]
-install_crate = "cargo-all-features"
-
-[tasks.check-release]
-toolchain = "stable"
-command = "cargo"
-args = ["check-all-features", "--release"]
-install_crate = "cargo-all-features"
--- a/examples/cargo-make/lint.toml
+++ b/examples/cargo-make/lint.toml
@@ -1,5 +1,5 @@
 [tasks.pre-clippy]
-env = { CARGO_MAKE_CLIPPY_ARGS = "--no-deps --all-targets --all-features -- -D warnings" }
+env = { CARGO_MAKE_CLIPPY_ARGS = "--all-targets --all-features -- -D warnings" }

 [tasks.check-style]
 dependencies = ["check-format-flow", "clippy-flow"]
--- a/examples/cargo-make/playwright-trunk-test.toml
+++ b/examples/cargo-make/playwright-trunk-test.toml
@@ -6,17 +6,9 @@ extend = [
 [tasks.integration-test]
 description = "Run integration test with automated start and stop of processes"
 env = { SPAWN_CLIENT_PROCESS = "1" }
-run_task = { name = ["start", "wait-test-stop"], parallel = true }
+dependencies = ["start", "wait-one", "test-playwright", "stop"]

-[tasks.wait-test-stop]
-private = true
-dependencies = ["wait-server", "test-playwright", "stop"]
-
-[tasks.wait-server]
+[tasks.wait-one]
 script = '''
-for run in {1..12}; do
-    echo "Waiting to ensure server is started..."
-    sleep 10
-done
-echo "Times up, running tests"
+sleep 1
 '''
--- a/examples/cargo-make/scripts/web-report.sh
+++ b/examples/cargo-make/scripts/web-report.sh
@@ -1,176 +0,0 @@
-#!/bin/bash
-
-set -emu
-
-BOLD="\e[1m"
-ITALIC="\e[3m"
-YELLOW="\e[1;33m"
-BLUE="\e[1;36m"
-RESET="\e[0m"
-
-function web { #task: only include examples with web cargo-make configuration
-    print_header
-    print_crate_tags "$@"
-    print_footer
-}
-
-function all { #task: includes all examples
-    print_header
-    print_crate_tags "all"
-    print_footer
-}
-
-function print_header {
-    echo -e "${YELLOW}Cargo Make Web Report${RESET}"
-    echo
-    echo -e "${ITALIC}Show how crates are configured to run and test web examples with cargo-make${RESET}"
-    echo
-}
-
-function print_crate_tags {
-    local makefile_paths
-    makefile_paths=$(find_makefile_lines)
-
-    local start_path
-    start_path=$(pwd)
-
-    for path in $makefile_paths; do
-        cd "$path"
-
-        local crate_tags=
-
-        # Add cargo tags
-        while read -r line; do
-            case $line in
-            *"cucumber"*)
-                crate_tags=$crate_tags"C"
-                ;;
-            *"fantoccini"*)
-                crate_tags=$crate_tags"F"
-                ;;
-            *"package.metadata.leptos"*)
-                crate_tags=$crate_tags"M"
-                ;;
-            esac
-        done <"./Cargo.toml"
-
-        #Add makefile tags
-
-        local pw_count
-        pw_count=$(find . -name playwright.config.ts | wc -l)
-
-        while read -r line; do
-            case $line in
-            *"cargo-make/wasm-test.toml"*)
-                crate_tags=$crate_tags"W"
-                ;;
-            *"cargo-make/playwright-test.toml"*)
-                crate_tags=$crate_tags"P"
-                crate_tags=$crate_tags"N"
-                ;;
-            *"cargo-make/playwright-trunk-test.toml"*)
-                crate_tags=$crate_tags"P"
-                crate_tags=$crate_tags"T"
-                ;;
-            *"cargo-make/trunk_server.toml"*)
-                crate_tags=$crate_tags"T"
-                ;;
-            *"cargo-make/cargo-leptos-webdriver-test.toml"*)
-                crate_tags=$crate_tags"L"
-                ;;
-            *"cargo-make/cargo-leptos-test.toml"*)
-                crate_tags=$crate_tags"L"
-                if [ "$pw_count" -gt 0 ]; then
-                    crate_tags=$crate_tags"P"
-                fi
-                ;;
-            *"cargo-make/cargo-leptos.toml"*)
-                crate_tags=$crate_tags"L"
-                ;;
-            *"cargo-make/deno-build.toml"*)
-                crate_tags=$crate_tags"D"
-                ;;
-            esac
-        done <"./Makefile.toml"
-
-        # Sort tags
-        local keys
-        keys=$(echo "$crate_tags" | grep -o . | sort | tr -d "\n")
-
-        # Find leptos projects that are not configured to build with cargo-leptos
-        keys=${keys//"LM"/"L"}
-
-        # Find leptos projects that are not configured to build with deno
-        keys=${keys//"DM"/"D"}
-
-        # Maybe print line
-        local crate_line=$path
-
-        if [ -n "$crate_tags" ]; then
-            local color=$YELLOW
-            case $keys in
-            *"M"*)
-                color=$BLUE
-                ;;
-            esac
-
-            crate_line="$crate_line ➤ ${color}$keys${RESET}"
-            echo -e "$crate_line"
-        elif [ "$#" -gt 0 ]; then
-            crate_line="${BOLD}$crate_line${RESET}"
-            echo -e "$crate_line"
-        fi
-
-        cd "$start_path"
-    done
-}
-
-function find_makefile_lines {
-    find . -name Makefile.toml -not -path '*/target/*' -not -path '*/node_modules/*' |
-        sed 's%./%%' |
-        sed 's%/Makefile.toml%%' |
-        grep -v Makefile.toml |
-        sort -u
-}
-
-function print_footer {
-    c="${BOLD}${YELLOW}C${RESET} = Cucumber Test Runner"
-    d="${BOLD}${YELLOW}D${RESET} = Deno"
-    f="${BOLD}${YELLOW}F${RESET} = Fantoccini WebDriver"
-    l="${BOLD}${YELLOW}L${RESET} = Cargo Leptos"
-    m="${BOLD}${BLUE}M${RESET} = Cargo Leptos Metadata Only (${ITALIC}ci is not configured to build with cargo-leptos or deno${RESET})"
-    n="${BOLD}${YELLOW}N${RESET} = Node"
-    p="${BOLD}${YELLOW}P${RESET} = Playwright Test"
-    t="${BOLD}${YELLOW}T${RESET} = Trunk"
-    w="${BOLD}${YELLOW}W${RESET} = WASM Test"
-
-    echo
-    echo -e "${ITALIC}Report Keys:${RESET}\n $c\n $d\n $f\n $l\n $m\n $n\n $p\n $t\n $w"
-    echo
-}
-
-###################
-# HELP
-###################
-
-function list_help_for {
-    local task=$1
-    grep -E "^function.+ #$task" "$0" |
-        sed 's/function/ /' |
-        sed -e "s| { #$task: |~|g" |
-        column -s"~" -t |
-        sort
-}
-
-function help { #help: show task descriptions
-    echo -e "${BOLD}Usage:${RESET} ./$(basename "$0") <task> [options]"
-    echo
-    echo "Show the cargo-make configuration for web examples"
-    echo
-    echo -e "${BOLD}Tasks:${RESET}"
-    list_help_for task
-    echo
-}
-
-TIMEFORMAT="./web-report.sh completed in %3lR"
-time "${@:-all}" # Show the report by default
--- a/examples/cargo-make/server-process.toml
+++ b/examples/cargo-make/server-process.toml
@@ -3,21 +3,18 @@
 [tasks.stop-server]
 condition = { env_set = ["SERVER_PROCESS_NAME"] }
 script = '''
-  if pidof -q ${SERVER_PROCESS_NAME}; then
-    echo "  Stopping ${SERVER_PROCESS_NAME}"
+  if [ ! -z $(pidof ${SERVER_PROCESS_NAME}) ]; then
    pkill -ef ${SERVER_PROCESS_NAME}
-  else
-    echo "  ${SERVER_PROCESS_NAME} is already stopped"
  fi
 '''

 [tasks.server-status]
 condition = { env_set = ["SERVER_PROCESS_NAME"] }
 script = '''
-  if pidof -q ${SERVER_PROCESS_NAME}; then
-    echo "  ${SERVER_PROCESS_NAME} is up"
-  else
+  if [ -z $(pidof ${SERVER_PROCESS_NAME}) ]; then
    echo "  ${SERVER_PROCESS_NAME} is not running"
+  else
+    echo "  ${SERVER_PROCESS_NAME} is up"
  fi
 '''

@@ -27,11 +24,11 @@ script = '''
  YELLOW="\e[0;33m"
  RESET="\e[0m"

-  if pidof -q ${SERVER_PROCESS_NAME}; then
-    echo "  ${SERVER_PROCESS_NAME} is already started"
-  else
+  if [ -z $(pidof ${SERVER_PROCESS_NAME}) ]; then
    echo "  Starting ${SERVER_PROCESS_NAME}"
    echo "  ${YELLOW}>> Run cargo make stop to end process${RESET}"
    cargo make start-server ${@} & 
+  else
+    echo "  ${SERVER_PROCESS_NAME} is already started"
  fi
 '''
--- a/examples/cargo-make/webdriver.toml
+++ b/examples/cargo-make/webdriver.toml
@@ -6,33 +6,25 @@ script = '''
  RESET="\e[0m"

  if command -v chromedriver; then
-    if pidof -q chromedriver; then
-      echo "  chromedriver is already started"
-    else
-      echo "Starting chomedriver"
+    if [ -z $(pidof chromedriver) ]; then
      chromedriver --port=4444 &
    fi
  else
-    echo "${RED}${BOLD}ERROR${RESET} - chromedriver not found"
+    echo "${RED}${BOLD}ERROR${RESET} - chromedriver is required by this task"
    exit 1
  fi
 '''

 [tasks.stop-webdriver]
 script = '''
-  if pidof -q chromedriver; then
-    echo "  Stopping chromedriver"
-    pkill -ef "chromedriver"
-  else
-    echo "  chromedriver is already stopped"
-  fi
+  pkill -f "chromedriver"
 '''

 [tasks.webdriver-status]
 script = '''
-  if pidof -q chromedriver; then
-    echo chromedriver is up
-  else
+  if [ -z $(pidof chromedriver) ]; then
    echo chromedriver is not running
+  else
+    echo chromedriver is up
  fi
 '''
--- a/examples/counter/Cargo.toml
+++ b/examples/counter/Cargo.toml
@@ -8,7 +8,7 @@ codegen-units = 1
 lto = true

 [dependencies]
-leptos = { path = "../../leptos", features = ["csr"] }
+leptos = { path = "../../leptos", features = ["csr", "nightly"] }
 console_log = "1"
 log = "0.4"
 console_error_panic_hook = "0.1.7"
--- a/examples/counter/rust-toolchain.toml
+++ b/examples/counter/rust-toolchain.toml
@@ -1,2 +1,2 @@
 [toolchain]
-channel = "stable" # test change
+channel = "nightly"
--- a/examples/counter/src/lib.rs
+++ b/examples/counter/src/lib.rs
@@ -14,7 +14,7 @@ pub fn SimpleCounter(

    view! {
        <div>
-            <button on:click=move |_| set_value.set(0)>"Clear"</button>
+            <button on:click=move |_| set_value(0)>"Clear"</button>
            <button on:click=move |_| set_value.update(|value| *value -= step)>"-1"</button>
            <span>"Value: " {value} "!"</span>
            <button on:click=move |_| set_value.update(|value| *value += step)>"+1"</button>
--- a/examples/counter_isomorphic/Cargo.toml
+++ b/examples/counter_isomorphic/Cargo.toml
@@ -17,6 +17,7 @@ broadcaster = "1"
 console_log = "1"
 console_error_panic_hook = "0.1"
 futures = "0.3"
+cfg-if = "1"
 lazy_static = "1"
 leptos = { path = "../../leptos" }
 leptos_actix = { path = "../../integrations/actix", optional = true }
@@ -25,12 +26,13 @@ leptos_router = { path = "../../router" }
 log = "0.4"
 once_cell = "1.18"
 gloo-net = { git = "https://github.com/rustwasm/gloo" }
-wasm-bindgen = "0.2"
+wasm-bindgen = "0.2.87"
 serde = { version = "1", features = ["derive"] }
 simple_logger = "4.3"
 tracing = { version = "0.1", optional = true }

 [features]
+default = ["nightly"]
 hydrate = ["leptos/hydrate", "leptos_meta/hydrate", "leptos_router/hydrate"]
 ssr = [
 	"dep:actix-files",
@@ -41,9 +43,10 @@ ssr = [
 	"leptos_meta/ssr",
 	"leptos_router/ssr",
 ]
+nightly = ["leptos/nightly", "leptos_router/nightly"]

 [package.metadata.cargo-all-features]
-denylist = ["actix-files", "actix-web", "leptos_actix"]
+denylist = ["actix-files", "actix-web", "leptos_actix", "nightly"]
 skip_feature_sets = [["ssr", "hydrate"]]

 [package.metadata.leptos]
@@ -67,7 +70,7 @@ reload-port = 3001
 end2end-cmd = "npx playwright test"
 #  The browserlist query used for optimizing the CSS.
 browserquery = "defaults"
-# Set by cargo-leptos watch when building with that tool. Controls whether autoreload JS will be included in the head
+# Set by cargo-leptos watch when building with tha tool. Controls whether autoreload JS will be included in the head
 watch = false
 # The environment Leptos will run in, usually either "DEV" or "PROD"
 env = "DEV"
--- a/examples/counter_isomorphic/src/counters.rs
+++ b/examples/counter_isomorphic/src/counters.rs
@@ -1,35 +1,34 @@
+use cfg_if::cfg_if;
 use leptos::*;
 use leptos_meta::*;
 use leptos_router::*;
 #[cfg(feature = "ssr")]
 use tracing::instrument;

-#[cfg(feature = "ssr")]
-pub mod ssr_imports {
-    pub use broadcaster::BroadcastChannel;
-    pub use once_cell::sync::OnceCell;
-    pub use std::sync::atomic::{AtomicI32, Ordering};
+cfg_if! {
+    if #[cfg(feature = "ssr")] {
+        use std::sync::atomic::{AtomicI32, Ordering};
+        use broadcaster::BroadcastChannel;
+        use once_cell::sync::OnceCell;

-    pub static COUNT: AtomicI32 = AtomicI32::new(0);
+        static COUNT: AtomicI32 = AtomicI32::new(0);

-    lazy_static::lazy_static! {
-        pub static ref COUNT_CHANNEL: BroadcastChannel<i32> = BroadcastChannel::new();
-    }
+        lazy_static::lazy_static! {
+            pub static ref COUNT_CHANNEL: BroadcastChannel<i32> = BroadcastChannel::new();
+        }

-    static LOG_INIT: OnceCell<()> = OnceCell::new();
-
-    pub fn init_logging() {
-        LOG_INIT.get_or_init(|| {
-            simple_logger::SimpleLogger::new().env().init().unwrap();
-        });
+        static LOG_INIT: OnceCell<()> = OnceCell::new();
+        fn init_logging() {
+            LOG_INIT.get_or_init(|| {
+                simple_logger::SimpleLogger::new().env().init().unwrap();
+            });
+        }
    }
 }

 #[server]
 #[cfg_attr(feature = "ssr", instrument)]
 pub async fn get_server_count() -> Result<i32, ServerFnError> {
-    use ssr_imports::*;
-
    Ok(COUNT.load(Ordering::Relaxed))
 }

@@ -39,8 +38,6 @@ pub async fn adjust_server_count(
    delta: i32,
    msg: String,
 ) -> Result<i32, ServerFnError> {
-    use ssr_imports::*;
-
    let new = COUNT.load(Ordering::Relaxed) + delta;
    COUNT.store(new, Ordering::Relaxed);
    _ = COUNT_CHANNEL.send(&new).await;
@@ -51,8 +48,6 @@ pub async fn adjust_server_count(
 #[server]
 #[cfg_attr(feature = "ssr", instrument)]
 pub async fn clear_server_count() -> Result<i32, ServerFnError> {
-    use ssr_imports::*;
-
    COUNT.store(0, Ordering::Relaxed);
    _ = COUNT_CHANNEL.send(&0).await;
    Ok(0)
@@ -60,7 +55,7 @@ pub async fn clear_server_count() -> Result<i32, ServerFnError> {
 #[component]
 pub fn Counters() -> impl IntoView {
    #[cfg(feature = "ssr")]
-    ssr_imports::init_logging();
+    init_logging();

    provide_meta_context();
    view! {
@@ -118,9 +113,9 @@ pub fn Counters() -> impl IntoView {
 // This is the typical pattern for a CRUD app
 #[component]
 pub fn Counter() -> impl IntoView {
-    let dec = create_action(|_: &()| adjust_server_count(-1, "decing".into()));
-    let inc = create_action(|_: &()| adjust_server_count(1, "incing".into()));
-    let clear = create_action(|_: &()| clear_server_count());
+    let dec = create_action(|_| adjust_server_count(-1, "decing".into()));
+    let inc = create_action(|_| adjust_server_count(1, "incing".into()));
+    let clear = create_action(|_| clear_server_count());
    let counter = create_resource(
        move || {
            (
@@ -132,6 +127,15 @@ pub fn Counter() -> impl IntoView {
        |_| get_server_count(),
    );

+    let value =
+        move || counter.get().map(|count| count.unwrap_or(0)).unwrap_or(0);
+    let error_msg = move || {
+        counter.get().and_then(|res| match res {
+            Ok(_) => None,
+            Err(e) => Some(e),
+        })
+    };
+
    view! {
        <div>
            <h2>"Simple Counter"</h2>
@@ -141,24 +145,15 @@ pub fn Counter() -> impl IntoView {
            <div>
                <button on:click=move |_| clear.dispatch(())>"Clear"</button>
                <button on:click=move |_| dec.dispatch(())>"-1"</button>
-                <span>
-                    "Value: "
-                    <Suspense>
-                        {move || counter.and_then(|count| *count)} "!"
-                    </Suspense>
-                </span>
+                <span>"Value: " {value} "!"</span>
                <button on:click=move |_| inc.dispatch(())>"+1"</button>
            </div>
-            <Suspense>
-              {move || {
-                counter.get().and_then(|res| match res {
-                  Ok(_) => None,
-                  Err(e) => Some(e),
-                }).map(|msg| {
-                  view! { <p>"Error: " {msg.to_string()}</p> }
-                })
-              }}
-            </Suspense>
+            {move || {
+                error_msg()
+                    .map(|msg| {
+                        view! { <p>"Error: " {msg.to_string()}</p> }
+                    })
+            }}
        </div>
    }
 }
@@ -204,7 +199,7 @@ pub fn FormCounter() -> impl IntoView {
                    <input type="hidden" name="msg" value="form value down"/>
                    <input type="submit" value="-1"/>
                </ActionForm>
-                <span>"Value: " <Suspense>{move || value().to_string()} "!"</Suspense></span>
+                <span>"Value: " {move || value().to_string()} "!"</span>
                <ActionForm action=adjust>
                    <input type="hidden" name="delta" value="1"/>
                    <input type="hidden" name="msg" value="form value up"/>
@@ -222,10 +217,9 @@ pub fn FormCounter() -> impl IntoView {
 #[component]
 pub fn MultiuserCounter() -> impl IntoView {
    let dec =
-        create_action(|_: &()| adjust_server_count(-1, "dec dec goose".into()));
-    let inc =
-        create_action(|_: &()| adjust_server_count(1, "inc inc moose".into()));
-    let clear = create_action(|_: &()| clear_server_count());
+        create_action(|_| adjust_server_count(-1, "dec dec goose".into()));
+    let inc = create_action(|_| adjust_server_count(1, "inc inc moose".into()));
+    let clear = create_action(|_| clear_server_count());

    #[cfg(not(feature = "ssr"))]
    let multiplayer_value = {
--- a/examples/counter_isomorphic/src/lib.rs
+++ b/examples/counter_isomorphic/src/lib.rs
@@ -1,13 +1,21 @@
+use cfg_if::cfg_if;
 pub mod counters;

-#[cfg(feature = "hydrate")]
-#[wasm_bindgen::prelude::wasm_bindgen]
-pub fn hydrate() {
-    use crate::counters::*;
-    use leptos::*;
+// Needs to be in lib.rs AFAIK because wasm-bindgen needs us to be compiling a lib. I may be wrong.
+cfg_if! {
+    if #[cfg(feature = "hydrate")] {
+        use leptos::*;
+        use wasm_bindgen::prelude::wasm_bindgen;
+        use crate::counters::*;

-    _ = console_log::init_with_level(log::Level::Debug);
-    console_error_panic_hook::set_once();
+        #[wasm_bindgen]
+        pub fn hydrate() {
+            _ = console_log::init_with_level(log::Level::Debug);
+            console_error_panic_hook::set_once();

-    mount_to_body(Counters);
+            mount_to_body(|| {
+                view! { <Counters/> }
+            });
+        }
+    }
 }
--- a/Show More
+++ b/Show More