Refactor codebase

Breakt the component into smaller chunks. Hopefully making it more
modular.

Author: malfisya

Cargo.toml

@@ -4,8 +4,6 @@ version = "0.1.0"
 edition = "2021"
 license = "MPL-2.0"
 
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
 [dependencies]
 open = "5.3.2"
 slint = "1.12.1"

build.rs

@@ -3,5 +3,5 @@
 // SPDX-License-Identifier: MPL-2.0
 
 fn main() {
-    slint_build::compile("ui/welcome.slint").expect("Salam build failed");
+    slint_build::compile("ui/main.slint").expect("Salam build failed");
 }

src/main.rs

@@ -3,22 +3,24 @@
 // SPDX-License-Identifier: MPL-2.0
 
 use std::process::Command;
+
+use slint::ComponentHandle;
 slint::include_modules!();
 
 fn main() {
     let app = MainWindow::new().unwrap();
 
-    app.on_close(move || {
+    app.global::<Callbacks>().on_close(move || {
         std::process::exit(0);
     });
 
-    app.on_openUrl(move |url| {
+    app.global::<Callbacks>().on_openUrl(move |url| {
         if let Err(err) = open::that(url.as_str()) {
             eprintln!("Failed to open link: {err}");
         }
     });
 
-    app.on_startInstaller(|| {
+    app.global::<Callbacks>().on_startInstaller(|| {
         if let Err(err) = Command::new("calamares-gui").spawn() {
             eprintln!("Failed to launch installer: {err}");
         }

ui/components/callbacks.slint

@@ -0,0 +1,9 @@
+// SPDX-FileCopyrightText: Copyright © 2025 Muhammad Alfi Syahrin
+//
+// SPDX-License-Identifier: MPL-2.0
+
+export global Callbacks {
+    callback openUrl(string);
+    callback close();
+    callback startInstaller();
+}

ui/components/images.slint

@@ -0,0 +1,13 @@
+// SPDX-FileCopyrightText: Copyright © 2025 Muhammad Alfi Syahrin
+//
+// SPDX-License-Identifier: MPL-2.0
+
+export global Images {
+    in property <image> docs: @image-url("../assets/docs.png");
+    in property <image> github: @image-url("../assets/github.png");
+    in property <image> install: @image-url("../assets/install.png");
+    in property <image> logo: @image-url("../assets/logo.svg");
+    in property <image> mastodon: @image-url("../assets/mastodon.svg");
+    in property <image> play: @image-url("../assets/play.png");
+    in property <image> web: @image-url("../assets/web.png");
+}

ui/components/sidebar.slint

@@ -0,0 +1,21 @@
+// SPDX-FileCopyrightText: Copyright © 2025 Muhammad Alfi Syahrin
+//
+// SPDX-License-Identifier: MPL-2.0
+
+import { HorizontalBox, VerticalBox } from "std-widgets.slint";
+export component SideBar {
+    VerticalBox {
+        spacing: 0px;
+        Rectangle {
+            background: red;
+        }
+
+        Rectangle {
+            background: blue;
+        }
+
+        Rectangle {
+            background: yellow;
+        }
+    }
+}

ui/images.slint

@@ -0,0 +1,28 @@
+// SPDX-FileCopyrightText: Copyright © 2025 Muhammad Alfi Syahrin
+//
+// SPDX-License-Identifier: MPL-2.0
+
+import { StandardButton, VerticalBox, Button, HorizontalBox, Spinner, StyleMetrics, Palette, GridBox } from "std-widgets.slint";
+import { Images } from "components/images.slint";
+import { LiveISO } from "pages/liveiso.slint";
+import { Callbacks } from "components/callbacks.slint";
+import { SideBar} from "components/sidebar.slint";
+
+export { Callbacks }
+
+export component MainWindow inherits Window {
+    title: "Welcome";
+    background: Palette.background;
+    icon: Images.logo;
+    //padding: 20px;
+    //no-frame: true;
+    //min-width: 800px;
+    //min-height: 500px;
+    HorizontalBox {
+        spacing: 0px;
+        // It is not ready, disabled
+        //SideBar { }
+
+        LiveISO { }
+    }
+}

ui/main.slint

@@ -3,17 +3,10 @@
 // SPDX-License-Identifier: MPL-2.0
 
 import { StandardButton, VerticalBox, Button, HorizontalBox, Spinner, StyleMetrics, Palette, GridBox } from "std-widgets.slint";
-import { Images } from "images.slint";
-
-export component MainWindow inherits Window {
-    title: "Welcome";
-    background: Palette.background;
-    //padding: 20px;
-    //no-frame: true;
-    icon: Images.logo;
-    callback openUrl(string);
-    callback close();
-    callback startInstaller();
+import { Images } from "../components/images.slint";
+import { Callbacks} from "../components/callbacks.slint";
+
+export component LiveISO {
     VerticalBox {
         spacing: 30px;
         padding-right: 30px;
@@ -61,7 +54,7 @@ export component MainWindow inherits Window {
                 }
 
                 clicked => {
-                    root.openUrl("https://getsol.us");
+                    Callbacks.openUrl("https://getsol.us");
                 }
             }
 
@@ -82,7 +75,7 @@ export component MainWindow inherits Window {
                 }
 
                 clicked => {
-                    root.openUrl("https://dev.getsol.us");
+                    Callbacks.openUrl("https://dev.getsol.us");
                 }
             }
 
@@ -103,7 +96,7 @@ export component MainWindow inherits Window {
                 }
 
                 clicked => {
-                    root.openUrl("https://floss.social/@getsolus");
+                    Callbacks.openUrl("https://floss.social/@getsolus");
                 }
             }
 
@@ -124,7 +117,7 @@ export component MainWindow inherits Window {
                 }
 
                 clicked => {
-                    root.openUrl("https://help.getsol.us");
+                    Callbacks.openUrl("https://help.getsol.us");
                 }
             }
 
@@ -151,7 +144,7 @@ export component MainWindow inherits Window {
                 icon: Images.install;
                 colorize-icon: true;
                 clicked => {
-                    root.startInstaller();
+                    Callbacks.startInstaller();
                 }
             }
 
@@ -160,7 +153,7 @@ export component MainWindow inherits Window {
                 icon: Images.play;
                 colorize-icon: true;
                 clicked => {
-                    root.close();
+                    Callbacks.close();
                 }
             }
         }