Automatically install wsl

Author: nab138

src-tauri/src/main.rs

@@ -42,7 +42,7 @@ use tauri_plugin_cli::CliExt;
 use tauri_plugin_store::StoreExt;
 use templates::create_template;
 use tokio::sync::Mutex;
-use windows::{has_wsl, is_windows};
+use windows::{has_wsl, install_wsl, is_windows};
 
 fn main() {
     CryptoProvider::install_default(ring::default_provider()).unwrap();
@@ -142,6 +142,7 @@ fn main() {
             start_stream_stdout,
             stop_stream_stdout,
             is_streaming_stdout,
+            install_wsl
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

src-tauri/src/windows.rs

@@ -65,6 +65,19 @@ pub fn is_windows() -> bool {
     cfg!(target_os = "windows")
 }
 
+#[tauri::command]
+pub fn install_wsl() -> Result<(), String> {
+    #[cfg(target_os = "windows")]
+    {
+        Command::new("powershell")
+            .arg("-Command")
+            .arg("Start-Process powershell -Verb runAs -ArgumentList 'wsl --install'")
+            .spawn()
+            .map_err(|e| e.to_string())?;
+    }
+    Ok(())
+}
+
 // Taken from wslpath2 crate and modified
 #[cfg(target_os = "windows")]
 #[derive(Debug)]

src/pages/Onboarding.tsx

@@ -11,6 +11,9 @@ import SDKMenu from "../components/SDKMenu";
 import ErrorIcon from "@mui/icons-material/Error";
 import WarningIcon from "@mui/icons-material/Warning";
 import { getVersion } from "@tauri-apps/api/app";
+import { invoke } from "@tauri-apps/api/core";
+import { useToast } from "react-toast-plus";
+import { relaunch } from "@tauri-apps/plugin-process";
 
 export interface OnboardingProps {}
 
@@ -26,6 +29,7 @@ export default ({}: OnboardingProps) => {
   const [ready, setReady] = useState(false);
   const [version, setVersion] = useState<string>("");
   const navigate = useNavigate();
+  const { addToast } = useToast();
 
   useEffect(() => {
     if (toolchains !== null && isWindows !== null && hasWSL !== null) {
@@ -132,7 +136,7 @@ export default ({}: OnboardingProps) => {
         )}
       </Typography>
       <div className="onboarding-cards">
-        {isWindows && (
+        {!isWindows && (
           <Card variant="soft">
             <Typography level="h3">Windows Subsystem for Linux</Typography>
             <Typography level="body-sm">
@@ -147,9 +151,9 @@ export default ({}: OnboardingProps) => {
               >
                 microsoft.com
               </Link>
-              . We recommended installing WSL 2 and Ubuntu 24.04. Other
-              distributions may work, but are not officially supported.
-              CrossCode will use your default WSL distribution.
+              . We recommended WSL 2 and Ubuntu 24.04. Other distributions may
+              work, but are not officially supported. CrossCode will use your
+              default WSL distribution.
             </Typography>
             <Divider />
             <CardContent>
@@ -160,7 +164,8 @@ export default ({}: OnboardingProps) => {
                   "WSL is already installed on your system!"
                 ) : (
                   <>
-                    WSL is not installed on your system. Please follow the guide
+                    WSL is not installed on your system. CrossCode can attempt
+                    to automatically install WSL. If it fails, follow the guide
                     on{" "}
                     <Link
                       href="#"
@@ -177,6 +182,37 @@ export default ({}: OnboardingProps) => {
                   </>
                 )}
               </Typography>
+              {hasWSL && <Divider />}
+              {hasWSL && (
+                <Button
+                  onClick={async () => {
+                    try {
+                      await invoke("install_wsl");
+                    } catch (error) {
+                      addToast.error(
+                        "Failed to launch WSL installation. Please try installing it manually."
+                      );
+                    }
+                  }}
+                >
+                  Install WSL
+                </Button>
+              )}
+              {hasWSL && (
+                <Button
+                  onClick={async () => {
+                    try {
+                      await relaunch();
+                    } catch (error) {
+                      addToast.error(
+                        "Failed to relaunch CrossCode. Please try manually."
+                      );
+                    }
+                  }}
+                >
+                  Relaunch CrossCode (post-installation)
+                </Button>
+              )}
             </CardContent>
           </Card>
         )}