From 49f7cbb39a72c07f1fbd18febb0eef67d1ae9562 Mon Sep 17 00:00:00 2001
From: Miles Murgaw <milesmurgaw@gmail.com>
Date: Sat, 27 Jul 2024 16:28:43 -0400
Subject: [PATCH] add: wsl dep section

---
 src/components/desktop_dependencies.rs | 32 +++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/components/desktop_dependencies.rs b/src/components/desktop_dependencies.rs
index 1c281c436..115cce197 100644
--- a/src/components/desktop_dependencies.rs
+++ b/src/components/desktop_dependencies.rs
@@ -6,6 +6,7 @@ enum Platform {
     Windows,
     MacOS,
     Linux,
+    Wsl,
 }
 
 impl std::fmt::Display for Platform {
@@ -14,13 +15,19 @@ impl std::fmt::Display for Platform {
             Platform::Windows => "Windows",
             Platform::MacOS => "MacOS",
             Platform::Linux => "Linux",
+            Platform::Wsl => "WSL",
         };
         write!(f, "{}", platform)
     }
 }
 
 impl Platform {
-    const ALL: [Platform; 3] = [Platform::Windows, Platform::MacOS, Platform::Linux];
+    const ALL: [Platform; 4] = [
+        Platform::Windows,
+        Platform::MacOS,
+        Platform::Linux,
+        Platform::Wsl,
+    ];
 }
 
 pub(crate) fn DesktopDependencies() -> Element {
@@ -56,6 +63,9 @@ pub(crate) fn DesktopDependencies() -> Element {
         Platform::Linux => rsx! {
             LinuxDependencies {}
         },
+        Platform::Wsl => rsx! {
+            WslDependencies {}
+        },
     };
 
     let mut active = use_signal(|| false);
@@ -148,6 +158,26 @@ fn LinuxDependencies() -> Element {
     }
 }
 
+fn WslDependencies() -> Element {
+    rsx! {
+        div {
+            p { "While it's doable, it can be tricky to setup development in WSL for Dioxus desktop. Not everything has been figured out and some stuff may not work." }
+            p { "Here are the steps we used to get Dioxus running through WSL."}
+            ol {
+                li { "Update your kernel to the latest version and update WSL to version 2." }
+                li { "Add `export DISPLAY=:0` to `~/.zshrc`" }
+                li {
+                    "Install Tauri's Linux dependencies found "
+                    Link { "here", to: "https://beta.tauri.app/start/prerequisites/" },
+                    "."
+                }
+                li { "For file dialogs to work, you need to install a fallback like `zenity`"}
+            }
+            p { "When running Dioxus desktop on WSL, you may get warnings from `libEGL`. There is currently not a solution for these but the app should still render."}
+        }
+    }
+}
+
 fn MacOSDependencies() -> Element {
     rsx! {
         div {