Merge branch 'RustForWeb:main' into update/leptos-0.7-compose-refs

RustForWeb · Jan 6, 2025 · 9f1cd6d · 9f1cd6d
2 parents 79dea86 + 771d820
commit 9f1cd6d
Show file tree

Hide file tree

Showing 999 changed files with 23,630 additions and 8,699 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -12,8 +12,7 @@
 members = [
     "book-examples/*/*",
     "packages/colors",
-    "packages/icons/dioxus",
-    "packages/icons/yew",
+    "packages/icons/*",
     "packages/primitives/leptos/accessible-icon",
     "packages/primitives/leptos/arrow",
     "packages/primitives/leptos/aspect-ratio",

diff --git a/README.md b/README.md
@@ -14,13 +14,10 @@ Rust port of [Radix](https://www.radix-ui.com).
 
 Rust Radix is available for these Rust frameworks:
 
+-   [Dioxus](https://dioxuslabs.com/)
 -   [Leptos](./packages/primitives/leptos)
 -   [Yew](https://yew.rs/)
 
-The following frameworks are under consideration:
-
--   [Dioxus](https://dioxuslabs.com/)
-
 See [the Rust Radix book](https://radix.rustforweb.org/introduction.html#frameworks) for more information.
 
 ## Documentation

diff --git a/book-examples/dioxus/icons/Cargo.toml b/book-examples/dioxus/icons/Cargo.toml
@@ -0,0 +1,21 @@
+[package]
+name = "radix-dioxus-book-icons"
+description = "Book examples for Radix Icons Dioxus."
+publish = false
+
+authors.workspace = true
+edition.workspace = true
+license.workspace = true
+repository.workspace = true
+version.workspace = true
+
+[dependencies]
+console_error_panic_hook.workspace = true
+console_log.workspace = true
+log.workspace = true
+radix-dioxus-icons = { path = "../../../packages/icons/dioxus", optional = true }
+dioxus = { workspace = true, features = ["web"] }
+
+[features]
+default = []
+icons = ["dep:radix-dioxus-icons"]
diff --git a/book-examples/dioxus/icons/Trunk.toml b/book-examples/dioxus/icons/Trunk.toml
@@ -0,0 +1,7 @@
+[[hooks]]
+stage = "pre_build"
+command = "sh"
+command_arguments = [
+    "-c",
+    "npx tailwindcss -i style/tailwind.css -o style/tailwind.output.css",
+]
diff --git a/book-examples/dioxus/icons/index.html b/book-examples/dioxus/icons/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Radix Icons Dioxus</title>
+
+        <link data-trunk rel="css" href="/style/tailwind.output.css" />
+
+        <script data-trunk type="application/javascript" src="/main.js"></script>
+    </head>
+    <body
+        id="main"
+        class="from-purple9 to-indigo9 h-full bg-[linear-gradient(330deg,var(--tw-gradient-stops))] py-[100px]"
+    ></body>
+</html>
diff --git a/book-examples/dioxus/icons/main.js b/book-examples/dioxus/icons/main.js
@@ -0,0 +1,13 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const resizeObserver = new ResizeObserver(() => {
+        if (window.top) {
+            window.top.postMessage({
+                mdbookTrunk: {
+                    width: document.body.scrollWidth,
+                    height: document.body.scrollHeight
+                }
+            });
+        }
+    });
+    resizeObserver.observe(document.body);
+});
diff --git a/book-examples/dioxus/icons/src/app.rs b/book-examples/dioxus/icons/src/app.rs
@@ -0,0 +1,20 @@
+use dioxus::prelude::*;
+
+#[component]
+pub fn App() -> Element {
+    #[allow(unused_mut)]
+    let mut children: Vec<Result<VNode, RenderError>> = vec![];
+
+    #[cfg(feature = "icons")]
+    {
+        use crate::icons::Icons;
+
+        children.push(rsx! {
+            Icons {}
+        });
+    }
+
+    rsx! {
+        div { class: "w-full h-full flex justify-center items-center", {children.iter()} }
+    }
+}