mangofetch-gui 0.7.3

Graphical interface for MangoFetch download manager (egui + eframe)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

//! Custom reusable MonolithUI widgets for mangofetch-gui

use egui::{Ui, Color32, Vec2, Stroke, Frame, Margin, CornerRadius, RichText, FontFamily, FontId};
use crate::theme::{with_alpha, MonolithSurfaces};

/// Renders a beautiful MonolithUI surface card with uniform padding and borders.
pub fn surface_card<R>(ui: &mut Ui, add_contents: impl FnOnce(&mut Ui) -> R) -> R {
    // --ui-surface-4 is default card bg (#252a3a)
    let fill_color = MonolithSurfaces::SURFACE_4;
    // --ui-surface-6 is border highlight (#3a4055)
    let stroke_color = MonolithSurfaces::SURFACE_6;
    
    Frame::NONE
        .fill(fill_color)
        .inner_margin(Margin::same(14))
        .corner_radius(CornerRadius::same(6)) // --ui-r-md
        .stroke(Stroke::new(1.0, stroke_color))
        .show(ui, add_contents)
        .inner
}

/// Renders a sunken "well" panel for grouped parameters or backgrounds (e.g. Logs terminal, input well).
pub fn sunken_well<R>(ui: &mut Ui, add_contents: impl FnOnce(&mut Ui) -> R) -> R {
    // Sunken wells are darker (#060608 / SURFACE_0)
    let fill_color = MonolithSurfaces::SURFACE_0;
    let border_color = MonolithSurfaces::SURFACE_3;
    
    Frame::NONE
        .fill(fill_color)
        .inner_margin(Margin::same(12))
        .corner_radius(CornerRadius::same(4)) // --ui-r-sm
        .stroke(Stroke::new(1.0, border_color))
        .show(ui, add_contents)
        .inner
}

/// A status indicator dot following the MonolithUI semantic specification.
/// - Active / Complete: Success Green (#34a853) with a pulse/glow
/// - Queued / Warning / Paused: Amber Yellow (#fbbf24)
/// - Error: Destructive Red (#f28b82)
pub fn status_dot(ui: &mut Ui, status: &str) {
    let color = match status {
        "Active" | "Complete" | "Online" => Color32::from_rgb(0x34, 0xa8, 0x53),
        "Queued" | "Warning" | "Paused" => Color32::from_rgb(0xfb, 0xbf, 0x24),
        _ => Color32::from_rgb(0xf2, 0x8b, 0x82),
    };

    let (rect, _response) = ui.allocate_exact_size(Vec2::new(14.0, 14.0), egui::Sense::hover());
    let painter = ui.painter();
    
    // Draw the main circle
    painter.circle_filled(rect.center(), 4.0, color);
    
    // Draw a tactile glow for Active states
    if status == "Active" || status == "Online" {
        painter.circle_filled(rect.center(), 6.5, with_alpha(color, 0.25));
    }
}

/// A MonolithUI pill tag showing text with a custom brand color background.
pub fn brand_pill(ui: &mut Ui, text: &str, color: Color32) {
    Frame::NONE
        .fill(with_alpha(color, 0.08))
        .stroke(Stroke::new(1.0, with_alpha(color, 0.22)))
        .inner_margin(Margin::symmetric(8, 3))
        .corner_radius(CornerRadius::same(4)) // --ui-r-sm
        .show(ui, |ui| {
            ui.label(
                RichText::new(text)
                    .color(color)
                    .font(FontId::new(10.5, FontFamily::Monospace)) // --ui-text-xs
            );
        });
}

/// Renders a beautiful platform-branded tag with a official brand color and custom glpyh.
pub fn platform_pill(ui: &mut Ui, platform: &str) {
    let color = match platform.to_lowercase().as_str() {
        "youtube" => Color32::from_rgb(255, 85, 85),
        "instagram" => Color32::from_rgb(255, 120, 200),
        "tiktok" => Color32::from_rgb(85, 255, 255),
        "twitch" => Color32::from_rgb(180, 100, 255),
        "torrent" => Color32::from_rgb(85, 255, 120),
        _ => Color32::from_rgb(168, 85, 247), // Default violet
    };
    
    let glyph = match platform.to_lowercase().as_str() {
        "youtube" => "󰗃",
        "instagram" => "󰅟",
        "tiktok" => "󰓳",
        "twitch" => "󰓓",
        "torrent" => "󰄗",
        _ => "󰈚",
    };
    
    let text = format!("{}  {}", glyph, platform.to_uppercase());
    brand_pill(ui, &text, color);
}

/// Custom header title segment in Monolith Serif Display style.
pub fn section_header(ui: &mut Ui, title: &str) {
    ui.vertical(|ui| {
        ui.add_space(4.0);
        ui.label(
            RichText::new(title)
                .font(FontId::new(16.0, FontFamily::Proportional))
                .strong()
                .color(Color32::from_rgb(0xf3, 0xf4, 0xf6))
        );
        ui.add_space(6.0);
    });
}