material-egui 0.1.7

use dotenv::dotenv;
use eframe::Frame;
use egui::{vec2, CollapsingHeader, Context, Slider, Ui, Widget};
use material_colors::Argb;
use material_egui::MaterialColors;
use std::env;

use std::str::FromStr;

static MIN_WIDTH: f32 = 300.0;
static DEFAULT_WIDTH: f32 = 480.0;
static MIN_HEIGHT: f32 = 550.0;
static DEFAULT_HEIGHT: f32 = 560.0;

fn main() {
    dotenv().ok();
    let options = eframe::NativeOptions {
        viewport: egui::ViewportBuilder::default()
            .with_inner_size(vec2(DEFAULT_WIDTH, DEFAULT_HEIGHT))
            .with_min_inner_size([MIN_WIDTH, MIN_HEIGHT])
            .with_transparent(true),
        vsync: true,
        follow_system_theme: true,
        centered: false,
        ..Default::default()
    };

    eframe::run_native("App", options, Box::new(|_cc| Box::from(App::default()))).unwrap();
}

#[derive(Debug, Clone)]
struct App {
    // base_color: String,
    edit_base_color: String,
    // dark_theme: bool,
    style: MaterialColors,
    enabled: bool,
    options_open: bool,
    first_run: bool,
}

impl Default for App {
    fn default() -> Self {
        Self {
            edit_base_color: env::var("BASE_COLOR").unwrap(),

            style: MaterialColors::new(
                env::var("BASE_COLOR").unwrap(),
                env::var("DARK_THEME").unwrap().parse().unwrap(),
                1.5,
            ),
            enabled: true,
            options_open: true,
            first_run: true,
        }
    }
}

impl eframe::App for App {
    fn update(&mut self, ctx: &Context, _frame: &mut Frame) {
        self.style.rebuild();

        self.style.apply_zoom(ctx, &mut self.first_run);
        // MaterialColors::new(self.base_color.clone(), self.dark_theme, 1.5)
        //     .apply_zoom(ctx, &mut self.first_run);
        egui::CentralPanel::default().show(ctx, |ui| update_fn(self, ui));
    }
}

fn update_fn(value: &mut App, ui: &mut Ui) {
    // // if color is valid, change color palette
    ui.text_edit_singleline(&mut value.edit_base_color);
    let data = value.edit_base_color.clone().to_ascii_uppercase();
    if Argb::from_str(&data).is_ok() {
        value.edit_base_color = data.clone();
        value.style.base_color = data;
    }

    // // this scope applies error colors to all elements inside
    ui.scope(|ui| {
        MaterialColors::new(value.style.base_color.clone(), value.style.dark, 1.5).error_apply(ui);
        ui.button("Error button!")
    });

    let _ = ui.button("Regular button!");
    ui.label("Simple label");

    CollapsingHeader::new("Options")
        .default_open(value.options_open)
        .show(ui, |ui| {
            ui.horizontal(|ui| {
                ui.checkbox(&mut value.style.dark, "Dark Theme");
                ui.checkbox(&mut value.enabled, "Enabled");
            });
        });

    ui.add_enabled_ui(value.enabled, |ui| {
        Slider::new(&mut 50, 0..=100).trailing_fill(true).ui(ui);
    });

    ui.add_space(10.);

    ui.label("Whats your favorite color theme? personally mine is #AAE");

    // m3_button(ui, &value.style, "hello world");

    ui.add_space(20.);
    ui.label(
        "I'm working on porting M3 widgets to Egui. \
    Since I made these they don't have the same color behaviors of normal Egui components \
    so they should work better!",
    );

    let buttons = material_egui::Button::new(&value.style);
    ui.horizontal(|ui| {
        buttons.elevated(ui, "Elevated button");
        buttons.filled(ui, "Filled button");
    });
    ui.horizontal(|ui| {
        buttons.filled_tonal(ui, "Filled tonal");
        buttons.outlined(ui, "Outlined button");
    });

    ui.label(
        "bounding box issue"
    );
        ui.hyperlink("https://github.com/toastxc/material-egui/issues/2");





}