githubmirror/lapce

lapce-ui/src/plugin.rs
1 336 строк46 KB
Dongdong Zhou
render installed plugin icons (#1670)
08 ноя 2022, 23:47
08 ноя 2022, 23:475d9eb39
use std::{collections::HashMap, sync::Arc, time::Duration};

use druid::{
    kurbo::Line,
    piet::{
        InterpolationMode, PietImage, PietTextLayout, Text, TextAttribute,
        TextLayout as TextLayoutTrait, TextLayoutBuilder,
    },
    ArcStr, BoxConstraints, Command, Cursor, Env, Event, EventCtx, FontDescriptor,
    FontWeight, LayoutCtx, LifeCycle, LifeCycleCtx, PaintCtx, Point, Rect,
    RenderContext, Size, Target, TextLayout, TimerToken, UpdateCtx, Widget,
    WidgetExt, WidgetId,
};
use lapce_core::command::FocusCommand;
use lapce_data::{
    command::{CommandKind, LapceUICommand, LAPCE_COMMAND, LAPCE_UI_COMMAND},
    config::{LapceConfig, LapceIcons, LapceTheme},
    data::{FocusArea, LapceData, LapceTabData},
    panel::PanelKind,
    plugin::{
        plugin_install_status::PluginInstallType, PluginData, PluginLoadStatus,
        PluginStatus, VoltIconKind,
    },
    rich_text::RichText,
    settings::LapceSettingsFocusData,
};
use once_cell::sync::Lazy;

use crate::{
    editor::view::LapceEditorView,
    panel::{LapcePanel, PanelHeaderKind, PanelSizing},
    scroll::LapceScroll,
    split::LapceSplit,
};

const VOLT_PNG: &[u8] = include_bytes!("../../extra/images/volt.png");
static VOLT_IMAGE: Lazy<Arc<PietImage>> =
    Lazy::new(|| Arc::new(PietImage::from_bytes(VOLT_PNG).unwrap()));

pub struct Plugin {
    line_height: f64,
    width: f64,
    installed: bool,
    rects: HashMap<usize, (Rect, String, PluginStatus)>,
    gap: f64,
    height: f64,
    last_idle_timer: TimerToken,
}

impl Plugin {
    pub fn new(installed: bool) -> Self {
        Self {
            line_height: 25.0,
            width: 0.0,
            height: 0.0,
            installed,
            rects: HashMap::new(),
            gap: 10.0,
            last_idle_timer: TimerToken::INVALID,
        }
    }

    pub fn new_panel(data: &LapceTabData) -> LapcePanel {
        let split_id = WidgetId::next();

        LapcePanel::new(
            PanelKind::Plugin,
            data.plugin.widget_id,
            split_id,
            vec![
                (
                    data.plugin.installed_id,
                    PanelHeaderKind::Simple("Installed".into()),
                    LapceScroll::new(Self::new(true)).boxed(),
                    PanelSizing::Flex(true),
                ),
                (
                    data.plugin.uninstalled_id,
                    PanelHeaderKind::Simple("Available".into()),
                    LapceSplit::new(WidgetId::next())
                        .horizontal()
                        .with_child(
                            LapceEditorView::new(
                                data.plugin.search_editor,
                                WidgetId::next(),
                                None,
                            )
                            .hide_header()
                            .hide_gutter()
                            .padding((15.0, 15.0))
                            .boxed(),
                            None,
                            100.0,
                        )
                        .with_flex_child(
                            LapceScroll::new(Self::new(false)).boxed(),
                            None,
                            1.0,
                            false,
                        )
                        .hide_border()
                        .boxed(),
                    PanelSizing::Flex(true),
                ),
            ],
        )
    }

    fn paint_install_progress_element(
        &mut self,
        ctx: &mut PaintCtx,
        display_name: &str,
        install_type: &PluginInstallType,
        error_string: &str,
        config: &LapceConfig,
        i: usize,
    ) {
        let rect = ctx.region().bounding_box();

        let y = self.line_height * i as f64 + rect.y0;
        let x = 0.0; //0.5 * self.line_height;

        let text_layout = ctx
            .text()
            .new_text_layout(display_name.to_string())
            .font(config.ui.font_family(), config.ui.font_size() as f64)
            .text_color(
                config
                    .get_color_unchecked(LapceTheme::EDITOR_BACKGROUND)
                    .clone(),
            )
            .build()
            .unwrap();

        let full_percent_width = self.width;

        let mut color_background =
            config.get_color_unchecked(LapceTheme::EDITOR_FOREGROUND);
        let rect_background = Size::new(full_percent_width, self.line_height)
            .to_rect()
            .with_origin(Point::new(x, y));

        // [INSTALLING / UNINSTALLING]
        let mut status_text = "Installing...";
        if !error_string.is_empty() {
            status_text = error_string;
            color_background = config.get_color_unchecked(LapceTheme::LAPCE_ERROR);
        } else if *install_type == PluginInstallType::Uninstallation {
            status_text = "Removing...";
        }

        let status_text_layout = ctx
            .text()
            .new_text_layout(status_text.to_string())
            .font(config.ui.font_family(), config.ui.font_size() as f64)
            .default_attribute(TextAttribute::Style(druid::FontStyle::Italic))
            .text_color(
                config
                    .get_color_unchecked(LapceTheme::EDITOR_BACKGROUND)
                    .clone(),
            )
            .build()
            .unwrap();
        let text_size = status_text_layout.size();
        let text_padding = 5.0;
        let x_state_text =
            full_percent_width - text_size.width - text_padding * 2.0 - 0.0;

        ctx.fill(rect_background, color_background);
        ctx.draw_text(
            &text_layout,
            Point::new(x + text_padding, y + text_layout.y_offset(self.line_height)),
        );
        ctx.draw_text(
            &status_text_layout,
            Point::new(x_state_text, y + text_layout.y_offset(self.line_height)),
        );
    }

    #[allow(clippy::too_many_arguments)]
    fn paint_plugin(
        &mut self,
        ctx: &mut PaintCtx,
        data: &LapceTabData,
        i: usize,
        id: &str,
        display_name: &str,
        description: &str,
        author: &str,
        version: &str,
        status: PluginStatus,
    ) -> Rect {
        let y = (3.0 * self.line_height + self.gap) * i as f64 + self.gap / 2.0;
        let x = 3.0 * self.line_height;

        let icon_rect = Rect::ZERO
            .with_origin(Point::new(x / 2.0, y + self.line_height))
            .inflate(self.line_height * 0.75, self.line_height * 0.75);
        if let Some(icon) = data
            .plugin
            .installed_icons
            .get(id)
            .or_else(|| data.plugin.volts.icons.get(id))
        {
            match icon {
                VoltIconKind::Svg(svg) => {
                    ctx.draw_svg(svg, icon_rect, None);
                }
                VoltIconKind::Image(image) => {
                    ctx.draw_image(
                        image,
                        icon_rect,
                        InterpolationMode::NearestNeighbor,
                    );
                }
            }
        } else {
            ctx.draw_image(
                &VOLT_IMAGE,
                icon_rect,
                InterpolationMode::NearestNeighbor,
            );
        }

        let text_layout = ctx
            .text()
            .new_text_layout(display_name.to_string())
            .font(
                data.config.ui.font_family(),
                data.config.ui.font_size() as f64,
            )
            .default_attribute(TextAttribute::Weight(FontWeight::BOLD))
            .text_color(
                data.config
                    .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_NAME)
                    .clone(),
            )
            .build()
            .unwrap();
        ctx.draw_text(
            &text_layout,
            Point::new(x, y + text_layout.y_offset(self.line_height)),
        );

        // display description
        let text_layout = ctx
            .text()
            .new_text_layout(description.to_string())
            .font(
                data.config.ui.font_family(),
                data.config.ui.font_size() as f64,
            )
            .text_color(
                data.config
                    .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_DESCRIPTION)
                    .clone(),
            )
            .build()
            .unwrap();
        // check if text is longer than plugin panel. If so, add ellipsis after description.
        if text_layout.layout.width() > (self.width - x - 15.0) as f32 {
            let hit_point =
                text_layout.hit_test_point(Point::new(self.width - x - 15.0, 0.0));
            let end = description
                .char_indices()
                .filter(|(i, _)| hit_point.idx.overflowing_sub(*i).0 < 4)
                .collect::<Vec<(usize, char)>>();
            let end = if end.is_empty() {
                description.len()
            } else {
                end[0].0
            };
            let description = format!("{}...", (&description[0..end]));
            let text_layout = ctx
                .text()
                .new_text_layout(description)
                .font(
                    data.config.ui.font_family(),
                    data.config.ui.font_size() as f64,
                )
                .text_color(
                    data.config
                        .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_DESCRIPTION)
                        .clone(),
                )
                .build()
                .unwrap();
            ctx.draw_text(
                &text_layout,
                Point::new(
                    x,
                    y + self.line_height + text_layout.y_offset(self.line_height),
                ),
            );
        } else {
            ctx.draw_text(
                &text_layout,
                Point::new(
                    x,
                    y + self.line_height + text_layout.y_offset(self.line_height),
                ),
            );
        }

        let text_layout = ctx
            .text()
            .new_text_layout(author.to_string())
            .font(
                data.config.ui.font_family(),
                data.config.ui.font_size() as f64,
            )
            .text_color(
                data.config
                    .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_AUTHOR)
                    .clone(),
            )
            .build()
            .unwrap();
        ctx.draw_text(
            &text_layout,
            Point::new(
                x,
                y + self.line_height * 2.0 + text_layout.y_offset(self.line_height),
            ),
        );

        let size = ctx.size();
        let padding = 10.0;

        if status == PluginStatus::Install {
            let text_layout = ctx
                .text()
                .new_text_layout(status.to_string())
                .font(
                    data.config.ui.font_family(),
                    data.config.ui.font_size() as f64,
                )
                .text_color(
                    data.config
                        .get_color_unchecked(
                            LapceTheme::LAPCE_BUTTON_PRIMARY_FOREGROUND,
                        )
                        .clone(),
                )
                .build()
                .unwrap();
            let text_size = text_layout.size();
            let text_padding = 5.0;
            let x = size.width - text_size.width - text_padding * 2.0 - padding;
            let y = y + self.line_height * 2.0;
            let rect =
                Size::new(text_size.width + text_padding * 2.0, self.line_height)
                    .to_rect()
                    .with_origin(Point::new(x, y));
            ctx.fill(
                rect,
                data.config.get_color_unchecked(
                    LapceTheme::LAPCE_BUTTON_PRIMARY_BACKGROUND,
                ),
            );
            ctx.draw_text(
                &text_layout,
                Point::new(
                    x + text_padding,
                    y + text_layout.y_offset(self.line_height),
                ),
            );
            rect
        } else {
            // if status is [installed, disabled, upgrade(x)], display the settings.svg
            let rect = Size::new(15.0, 15.0).to_rect().with_origin(Point::new(
                self.width - 24.0,
                y + self.line_height * 2.2,
            ));
            ctx.draw_svg(
                &data.config.ui_svg(LapceIcons::SETTINGS),
                rect,
                Some(
                    data.config
                        .get_color_unchecked(LapceTheme::LAPCE_ICON_ACTIVE),
                ),
            );

            let color = match status {
                PluginStatus::Installed => LapceTheme::LAPCE_PLUGIN_AUTHOR,
                PluginStatus::Upgrade => LapceTheme::LAPCE_WARN,
                _ => LapceTheme::EDITOR_DIM,
            };

            let text_layout = ctx
                .text()
                .new_text_layout(if status == PluginStatus::Installed {
                    format!("v{version}")
                } else {
                    format!("{status}")
                })
                .font(
                    data.config.ui.font_family(),
                    data.config.ui.font_size() as f64,
                )
                .text_color(data.config.get_color_unchecked(color).clone())
                .build()
                .unwrap();
            let size = text_layout.size();
            let status_x = rect.x0 - size.width - 10.0;
            ctx.draw_text(
                &text_layout,
                Point::new(
                    status_x,
                    y + self.line_height * 2.0
                        + text_layout.y_offset(self.line_height),
                ),
            );

            rect
        }
    }

    fn paint_installed(&mut self, ctx: &mut PaintCtx, data: &LapceTabData) {
        self.rects.clear();

        let rect = ctx.region().bounding_box();

        let height = 3.0 * self.line_height + self.gap;
        let start = (rect.y0 / height).floor() as usize;
        let end = (rect.y1 / height).ceil() as usize;

        for i in start..end + 1 {
            if let Some((id, volt)) = data.plugin.installed.get_index(i) {
                let status = data.plugin.plugin_status(id);
                let rect = self.paint_plugin(
                    ctx,
                    data,
                    i,
                    id,
                    &volt.display_name,
                    &volt.description,
                    &volt.author,
                    &volt.version,
                    status.clone(),
                );
                self.rects.insert(i, (rect, id.to_string(), status));
            }
        }
    }

    fn paint_installation_progress(
        &mut self,
        ctx: &mut PaintCtx,
        data: &LapceTabData,
    ) {
        for (i, (_, install_status)) in data.plugin.installing.iter().enumerate() {
            self.paint_install_progress_element(
                ctx,
                install_status.plugin_name(),
                install_status.install_type(),
                install_status.error_string(),
                &data.config,
                i,
            );
        }
    }

    fn paint_available(&mut self, ctx: &mut PaintCtx, data: &LapceTabData) {
        self.rects.clear();
        match data.plugin.volts.status {
            PluginLoadStatus::Loading => {
                let y = self.line_height;
                let x = self.line_height;
                let layout = ctx
                    .text()
                    .new_text_layout("Loading plugin information...")
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .default_attribute(TextAttribute::Weight(FontWeight::SEMI_BOLD))
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::LAPCE_WARN)
                            .clone(),
                    )
                    .build()
                    .unwrap();
                ctx.draw_text(&layout, Point::new(x, y));
            }
            PluginLoadStatus::Failed => {
                let y = self.line_height;
                let x = self.line_height;
                let layout = ctx
                    .text()
                    .new_text_layout("Failed to load plugin information.")
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .default_attribute(TextAttribute::Weight(FontWeight::SEMI_BOLD))
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::LAPCE_WARN)
                            .clone(),
                    )
                    .build()
                    .unwrap();
                ctx.draw_text(&layout, Point::new(x, y));
            }
            PluginLoadStatus::Success => {
                let rect = ctx.region().bounding_box();
                if rect.y1 + 30.0 > self.height {
                    data.plugin.volts.load_more();
                }

                let height = 3.0 * self.line_height + self.gap;

                let mut i = 0;
                for (id, volt) in data.plugin.volts.volts.iter() {
                    if data.plugin.installed.contains_key(id) {
                        continue;
                    }

                    let end_height = (i + 1) as f64 * height;
                    if end_height < rect.y0 {
                        i += 1;
                        continue;
                    }
                    if end_height - height > rect.y1 {
                        break;
                    }
                    let status = data.plugin.plugin_status(id);
                    let rect = self.paint_plugin(
                        ctx,
                        data,
                        i,
                        id,
                        &volt.display_name,
                        &volt.description,
                        &volt.author,
                        &volt.version,
                        status.clone(),
                    );
                    self.rects.insert(i, (rect, id.to_string(), status));
                    i += 1;
                }
            }
        }
    }
}

impl Default for Plugin {
    fn default() -> Self {
        Self::new(true)
    }
}

impl Widget<LapceTabData> for Plugin {
    fn event(
        &mut self,
        ctx: &mut EventCtx,
        event: &Event,
        data: &mut LapceTabData,
        _env: &Env,
    ) {
        match event {
            Event::Timer(token) if token == &self.last_idle_timer => {
                ctx.set_handled();
                let editor_data =
                    data.editor_view_content(data.plugin.search_editor);
                let query = editor_data.doc.buffer().text().to_string();
                Arc::make_mut(&mut data.plugin).volts.update_query(query);
            }
            Event::MouseMove(mouse_event) => {
                if mouse_event.pos.y <= self.height {
                    ctx.set_cursor(&Cursor::Pointer);
                } else {
                    ctx.clear_cursor();
                }
            }
            Event::MouseDown(mouse_event) => {
                if mouse_event.button.is_left() {
                    let index = (mouse_event.pos.y
                        / (self.line_height * 3.0 + self.gap))
                        as usize;

                    if let Some((rect, id, _)) = self.rects.get(&index) {
                        if rect.contains(mouse_event.pos) {
                            status_on_click(ctx, data, id, mouse_event.pos);
                        } else {
                            let volt = if self.installed {
                                data.plugin.installed.get(id).map(|v| v.info())
                            } else {
                                data.plugin.volts.volts.get(id).cloned()
                            };
                            if let Some(volt) = volt {
                                ctx.submit_command(Command::new(
                                    LAPCE_UI_COMMAND,
                                    LapceUICommand::OpenPluginInfo(volt),
                                    Target::Widget(data.id),
                                ));
                            }
                        }
                    }
                }
            }
            _ => (),
        }
    }

    fn lifecycle(
        &mut self,
        _ctx: &mut LifeCycleCtx,
        _event: &LifeCycle,
        _data: &LapceTabData,
        _env: &Env,
    ) {
    }

    fn update(
        &mut self,
        ctx: &mut UpdateCtx,
        old_data: &LapceTabData,
        data: &LapceTabData,
        _env: &Env,
    ) {
        if !self.installed {
            let old_editor_data =
                old_data.editor_view_content(data.plugin.search_editor);
            let editor_data = data.editor_view_content(data.plugin.search_editor);
            if editor_data.doc.buffer().len() != old_editor_data.doc.buffer().len()
                || editor_data.doc.buffer().text().slice_to_cow(..)
                    != old_editor_data.doc.buffer().text().slice_to_cow(..)
            {
                self.last_idle_timer =
                    ctx.request_timer(Duration::from_millis(500), None);
            }
        }
    }

    fn layout(
        &mut self,
        _ctx: &mut LayoutCtx,
        bc: &BoxConstraints,
        data: &LapceTabData,
        _env: &Env,
    ) -> Size {
        let len = if self.installed {
            data.plugin.installed.len()
        } else {
            data.plugin
                .volts
                .volts
                .iter()
                .filter(|(id, _)| !data.plugin.installed.contains_key(*id))
                .count()
        };

        self.height = (3.0 * self.line_height + self.gap) * len as f64;
        self.width = bc.max().width;
        Size::new(bc.max().width, bc.max().height.max(self.height))
    }

    fn paint(&mut self, ctx: &mut PaintCtx, data: &LapceTabData, _env: &Env) {
        if self.installed {
            self.paint_installed(ctx, data);
            self.paint_installation_progress(ctx, data);
        } else {
            self.paint_available(ctx, data);
        }
    }
}

pub struct PluginInfo {
    widget_id: WidgetId,
    editor_tab_id: WidgetId,
    volt_id: String,

    padding: f64,
    gap: f64,
    name_text_layout: Option<PietTextLayout>,
    desc_text_layout: Option<PietTextLayout>,
    author_text_layout: Option<PietTextLayout>,
    version_text_layout: Option<PietTextLayout>,
    repo_text_layout: Option<PietTextLayout>,
    repo: Option<(Rect, String)>,
    line_height: f64,
    icon_width: f64,
    title_width: f64,
    readme_layout: TextLayout<RichText>,
    status_rect: Rect,
}

impl PluginInfo {
    fn new(widget_id: WidgetId, editor_tab_id: WidgetId, volt_id: String) -> Self {
        let mut readme_layout = TextLayout::new();
        readme_layout.set_text(RichText::new(ArcStr::from("")));
        Self {
            widget_id,
            editor_tab_id,
            volt_id,
            padding: 50.0,
            gap: 30.0,
            line_height: 25.0,
            name_text_layout: None,
            desc_text_layout: None,
            author_text_layout: None,
            version_text_layout: None,
            repo_text_layout: None,
            repo: None,
            icon_width: 0.0,
            title_width: 0.0,
            readme_layout,
            status_rect: Rect::ZERO,
        }
    }

    pub fn new_scroll(
        widget_id: WidgetId,
        editor_tab_id: WidgetId,
        volt_id: String,
    ) -> LapceScroll<LapceTabData, PluginInfo> {
        LapceScroll::new(PluginInfo::new(widget_id, editor_tab_id, volt_id))
    }

    fn get_margin(&self, actual_width: f64) -> f64 {
        let width = self.icon_width + self.title_width + self.padding * 4.0;
        let width = width.max(740.0);
        let width = width.min(actual_width - self.padding * 2.0);

        (actual_width - width) / 2.0
    }

    fn request_focus(&self, ctx: &mut EventCtx, data: &mut LapceTabData) {
        let editor_tab = data
            .main_split
            .editor_tabs
            .get_mut(&self.editor_tab_id)
            .unwrap();
        let editor_tab = Arc::make_mut(editor_tab);
        if let Some(index) = editor_tab
            .children
            .iter()
            .position(|child| child.widget_id() == self.widget_id)
        {
            editor_tab.active = index;
        }

        data.main_split.active_tab = Arc::new(Some(self.editor_tab_id));
        data.focus = Arc::new(self.widget_id);
        data.focus_area = FocusArea::Editor;
        ctx.request_focus();
    }
}

impl Widget<LapceTabData> for PluginInfo {
    fn id(&self) -> Option<WidgetId> {
        Some(self.widget_id)
    }

    fn event(
        &mut self,
        ctx: &mut EventCtx,
        event: &Event,
        data: &mut LapceTabData,
        env: &Env,
    ) {
        match event {
            Event::KeyDown(key_event) => {
                if ctx.is_focused() {
                    let mut keypress = data.keypress.clone();
                    let mut focus = LapceSettingsFocusData {
                        widget_id: self.widget_id,
                        editor_tab_id: self.editor_tab_id,
                        main_split: data.main_split.clone(),
                        config: data.config.clone(),
                    };
                    let mut_keypress = Arc::make_mut(&mut keypress);
                    let performed_action =
                        mut_keypress.key_down(ctx, key_event, &mut focus, env);
                    data.keypress = keypress;
                    data.main_split = focus.main_split;
                    if performed_action {
                        ctx.set_handled();
                    }
                }
            }
            Event::MouseMove(mouse_event) => {
                let on_repo = self
                    .repo
                    .as_ref()
                    .map(|(r, _)| r.contains(mouse_event.pos))
                    .unwrap_or(false);
                if on_repo || self.status_rect.contains(mouse_event.pos) {
                    ctx.set_cursor(&Cursor::Pointer);
                } else {
                    ctx.clear_cursor();
                }
            }
            Event::MouseDown(mouse_event) => {
                if let Some((r, s)) = self.repo.as_ref() {
                    if r.contains(mouse_event.pos) {
                        ctx.submit_command(Command::new(
                            LAPCE_UI_COMMAND,
                            LapceUICommand::OpenURI(s.to_string()),
                            Target::Widget(data.id),
                        ));
                    }
                }
                if self.status_rect.contains(mouse_event.pos) {
                    status_on_click(ctx, data, &self.volt_id, mouse_event.pos);
                }
            }
            Event::Command(cmd) if cmd.is(LAPCE_COMMAND) => {
                let cmd = cmd.get_unchecked(LAPCE_COMMAND);
                if let CommandKind::Focus(FocusCommand::SplitClose) = &cmd.kind {
                    data.main_split.widget_close(
                        ctx,
                        self.widget_id,
                        self.editor_tab_id,
                    );
                }
            }
            Event::Command(cmd) if cmd.is(LAPCE_UI_COMMAND) => {
                let cmd = cmd.get_unchecked(LAPCE_UI_COMMAND);
                match cmd {
                    LapceUICommand::Focus => {
                        ctx.set_handled();
                        self.request_focus(ctx, data);
                    }
                    LapceUICommand::UpdateVoltReadme(text) => {
                        self.readme_layout.set_text(text.clone());
                        ctx.request_layout();
                    }
                    _ => {}
                }
            }
            _ => {}
        }
    }

    fn lifecycle(
        &mut self,
        ctx: &mut LifeCycleCtx,
        event: &LifeCycle,
        data: &LapceTabData,
        _env: &Env,
    ) {
        if let LifeCycle::WidgetAdded = event {
            if let Some(volt) = data.plugin.volts.volts.get(&self.volt_id) {
                let volt = volt.clone();
                let event_sink = ctx.get_external_handle();
                let widget_id = self.widget_id;
                let config = data.config.clone();
                std::thread::spawn(move || {
                    let _ = PluginData::download_readme(
                        widget_id, &volt, &config, event_sink,
                    );
                });
            }
        }
    }

    fn update(
        &mut self,
        ctx: &mut UpdateCtx,
        old_data: &LapceTabData,
        data: &LapceTabData,
        _env: &Env,
    ) {
        if old_data.plugin.volts.status == PluginLoadStatus::Loading
            && data.plugin.volts.status == PluginLoadStatus::Success
        {
            if let Some(volt) = data.plugin.volts.volts.get(&self.volt_id) {
                let volt = volt.clone();
                let event_sink = ctx.get_external_handle();
                let widget_id = self.widget_id;
                let config = data.config.clone();
                std::thread::spawn(move || {
                    let _ = PluginData::download_readme(
                        widget_id, &volt, &config, event_sink,
                    );
                });
            }
        }
    }

    fn layout(
        &mut self,
        ctx: &mut LayoutCtx,
        bc: &BoxConstraints,
        data: &LapceTabData,
        env: &Env,
    ) -> Size {
        let (width, height) = if let Some(volt) =
            data.plugin.volts.volts.get(&self.volt_id)
        {
            self.name_text_layout = Some(
                ctx.text()
                    .new_text_layout(volt.display_name.clone())
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64 * 1.5,
                    )
                    .default_attribute(TextAttribute::Weight(FontWeight::BOLD))
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_NAME)
                            .clone(),
                    )
                    .build()
                    .unwrap(),
            );
            self.desc_text_layout = Some(
                ctx.text()
                    .new_text_layout(volt.description.clone())
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .text_color(
                        data.config
                            .get_color_unchecked(
                                LapceTheme::LAPCE_PLUGIN_DESCRIPTION,
                            )
                            .clone(),
                    )
                    .build()
                    .unwrap(),
            );
            self.author_text_layout = Some(
                ctx.text()
                    .new_text_layout(volt.author.clone())
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::LAPCE_PLUGIN_AUTHOR)
                            .clone(),
                    )
                    .build()
                    .unwrap(),
            );
            self.version_text_layout = Some(
                ctx.text()
                    .new_text_layout(format!("v{}", volt.version))
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::EDITOR_FOREGROUND)
                            .clone(),
                    )
                    .build()
                    .unwrap(),
            );

            self.icon_width = self.name_text_layout.as_ref().unwrap().size().height
                * 2.0
                + self.line_height * 4.0;
            self.title_width = self
                .name_text_layout
                .as_ref()
                .unwrap()
                .size()
                .width
                .max(self.desc_text_layout.as_ref().unwrap().size().width);

            self.readme_layout.set_font(
                FontDescriptor::new(data.config.ui.font_family())
                    .with_size(data.config.ui.font_size() as f64),
            );
            self.readme_layout.set_text_color(
                data.config
                    .get_color_unchecked(LapceTheme::EDITOR_FOREGROUND)
                    .clone(),
            );

            let info_width = self.padding * 4.0 + self.icon_width + self.title_width;

            let actual_width = bc.max().width.max(info_width);

            let margin = self.get_margin(actual_width);

            let readme_width = actual_width - margin * 2.0 - self.padding * 2.0;

            self.readme_layout.set_wrap_width(readme_width);
            self.readme_layout.rebuild_if_needed(ctx.text(), env);

            let height = self.gap
                + self.icon_width
                + self.gap
                + self.gap
                + self.readme_layout.size().height
                + self.gap;

            self.repo_text_layout = {
                let text = format!(
                    "Repository: {}",
                    volt.repository.as_deref().unwrap_or("")
                );
                let layout = ctx
                    .text()
                    .new_text_layout(text)
                    .font(
                        data.config.ui.font_family(),
                        data.config.ui.font_size() as f64,
                    )
                    .text_color(
                        data.config
                            .get_color_unchecked(LapceTheme::EDITOR_FOREGROUND)
                            .clone(),
                    )
                    .range_attribute(
                        12..,
                        TextAttribute::TextColor(
                            data.config
                                .get_color_unchecked(LapceTheme::EDITOR_LINK)
                                .clone(),
                        ),
                    )
                    .build()
                    .unwrap();

                if let Some(repo) = volt.repository.as_ref() {
                    let padding = self.get_margin(bc.max().width.max(info_width));
                    let shift = layout.hit_test_text_position(12).point.x;
                    let x = padding + self.padding + self.icon_width + shift;
                    let y = self.gap
                        + self.name_text_layout.as_ref().unwrap().size().height
                            * 2.0
                        + self.line_height;
                    let rect =
                        Size::new(layout.size().width - shift, self.line_height)
                            .to_rect()
                            .with_origin(Point::new(x, y));
                    self.repo = Some((rect, repo.to_string()));
                }

                Some(layout)
            };

            (info_width, height)
        } else {
            (0.0, 0.0)
        };

        Size::new(bc.max().width.max(width), bc.max().height.max(height))
    }

    fn paint(&mut self, ctx: &mut PaintCtx, data: &LapceTabData, _env: &Env) {
        if let Some(name_text_layout) = self.name_text_layout.as_ref() {
            let padding = self.get_margin(ctx.size().width);

            let mut y = self.gap;
            let size = name_text_layout.size();
            let name_y = y;
            y += size.height * 2.0;

            let desc_text_layout = self.desc_text_layout.as_ref().unwrap();
            let desc_y = y;
            y += self.line_height;

            let repo_text_layout = self.repo_text_layout.as_ref().unwrap();
            let repo_y = y;
            y += self.line_height;

            let author_text_layout = self.author_text_layout.as_ref().unwrap();
            let author_y = y;
            y += self.line_height;

            let version_text_layout = self.version_text_layout.as_ref().unwrap();
            let button_y = y;

            let icon_rect = Rect::ZERO
                .with_origin(Point::new(
                    padding + self.padding + self.icon_width / 2.0,
                    name_y + self.icon_width / 2.0,
                ))
                .inflate(self.icon_width / 2.0 * 0.8, self.icon_width / 2.0 * 0.8);

            if let Some(icon) = data.plugin.volts.icons.get(&self.volt_id) {
                match icon {
                    VoltIconKind::Svg(svg) => {
                        ctx.draw_svg(svg, icon_rect, None);
                    }
                    VoltIconKind::Image(image) => {
                        ctx.draw_image(
                            image,
                            icon_rect,
                            InterpolationMode::NearestNeighbor,
                        );
                    }
                }
            } else {
                ctx.draw_image(
                    &VOLT_IMAGE,
                    icon_rect,
                    InterpolationMode::NearestNeighbor,
                );
            }

            let name_y_offset =
                name_text_layout.y_offset(name_text_layout.size().height * 2.0);
            ctx.draw_text(
                name_text_layout,
                Point::new(
                    padding + self.padding + self.icon_width,
                    name_y + name_y_offset,
                ),
            );
            ctx.draw_text(
                desc_text_layout,
                Point::new(
                    padding + self.padding + self.icon_width,
                    desc_y + desc_text_layout.y_offset(self.line_height),
                ),
            );
            ctx.draw_text(
                author_text_layout,
                Point::new(
                    padding + self.padding + self.icon_width,
                    author_y + author_text_layout.y_offset(self.line_height),
                ),
            );
            ctx.draw_text(
                repo_text_layout,
                Point::new(
                    padding + self.padding + self.icon_width,
                    repo_y + repo_text_layout.y_offset(self.line_height),
                ),
            );

            ctx.draw_text(
                version_text_layout,
                Point::new(
                    padding + self.padding + self.icon_width,
                    button_y + version_text_layout.y_offset(self.line_height),
                ),
            );

            let status = data.plugin.plugin_status(&self.volt_id);
            let text = if status == PluginStatus::Install {
                status.to_string()
            } else {
                format!("{} ▼", status)
            };
            let button_text_layout = ctx
                .text()
                .new_text_layout(text)
                .font(
                    data.config.ui.font_family(),
                    data.config.ui.font_size() as f64,
                )
                .text_color(
                    data.config
                        .get_color_unchecked(
                            LapceTheme::LAPCE_BUTTON_PRIMARY_FOREGROUND,
                        )
                        .clone(),
                )
                .build()
                .unwrap();
            let size = button_text_layout.size();
            let rect = Size::new(size.width + 5.0 * 2.0, 0.0)
                .to_rect()
                .with_origin(Point::new(
                    padding
                        + self.padding
                        + self.icon_width
                        + version_text_layout.size().width
                        + 10.0,
                    button_y + self.line_height / 2.0,
                ))
                .inflate(0.0, self.line_height / 2.0);
            ctx.fill(
                rect,
                data.config.get_color_unchecked(
                    LapceTheme::LAPCE_BUTTON_PRIMARY_BACKGROUND,
                ),
            );
            self.status_rect = rect;
            ctx.draw_text(
                &button_text_layout,
                Point::new(
                    rect.x0 + 5.0,
                    button_y + button_text_layout.y_offset(self.line_height),
                ),
            );

            y += self.line_height;
            y += self.gap;

            let line = Line::new(
                Point::new(padding, y + 0.5),
                Point::new(ctx.size().width - padding, y + 0.5),
            );
            ctx.stroke(
                line,
                data.config.get_color_unchecked(LapceTheme::LAPCE_BORDER),
                1.0,
            );

            y += self.gap;
            self.readme_layout
                .draw(ctx, Point::new(padding + self.padding, y));
        }
    }
}

fn status_on_click(ctx: &mut EventCtx, data: &LapceTabData, id: &str, pos: Point) {
    let status = data.plugin.plugin_status(id);
    if let Some(meta) = data.plugin.installed.get(id) {
        let mut menu = druid::Menu::<LapceData>::new("Plugin");

        if let PluginStatus::Upgrade = status {
            let info = meta.info();
            let proxy = data.proxy.clone();
            let item = druid::MenuItem::new("Upgrade Plugin").on_activate(
                move |_ctx, _data, _env| {
                    let _ = PluginData::install_volt(proxy.clone(), info.clone());
                },
            );
            menu = menu.entry(item);
            menu = menu.separator();
        }

        let proxy = data.proxy.clone();
        let local_meta = meta.clone();
        let item = druid::MenuItem::new("Reload Plugin").on_activate(
            move |_ctx, _data, _env| {
                proxy.proxy_rpc.reload_volt(local_meta.clone());
            },
        );
        menu = menu.entry(item);
        if !data.workspace.kind.is_remote() {
            let tab_id = data.id;
            let local_meta = meta.clone();
            let item = druid::MenuItem::new("Open Plugin Directory").on_activate(
                move |ctx, _data, _env| {
                    ctx.submit_command(Command::new(
                        LAPCE_UI_COMMAND,
                        LapceUICommand::OpenURI(
                            local_meta
                                .clone()
                                .dir
                                .unwrap()
                                .to_string_lossy()
                                .to_string(),
                        ),
                        Target::Widget(tab_id),
                    ));
                },
            );
            menu = menu.entry(item);
        }
        menu = menu.separator();

        let local_volt = meta.info();
        let tab_id = data.id;
        let item = druid::MenuItem::new("Enable")
            .on_activate(move |ctx, _data, _env| {
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::EnableVolt(local_volt.clone()),
                    Target::Widget(tab_id),
                ));
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::ReloadConfig,
                    Target::Auto,
                ));
            })
            .enabled(data.plugin.disabled.contains(id));
        menu = menu.entry(item);

        let local_volt = meta.info();
        let tab_id = data.id;
        let item = druid::MenuItem::new("Disable")
            .on_activate(move |ctx, _data, _env| {
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::DisableVolt(local_volt.clone()),
                    Target::Widget(tab_id),
                ));
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::ReloadConfig,
                    Target::Auto,
                ));
            })
            .enabled(!data.plugin.disabled.contains(id));
        menu = menu.entry(item);

        menu = menu.separator();

        let local_volt = meta.info();
        let tab_id = data.id;
        let item = druid::MenuItem::new("Enable For Workspace")
            .on_activate(move |ctx, _data, _env| {
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::EnableVoltWorkspace(local_volt.clone()),
                    Target::Widget(tab_id),
                ));
            })
            .enabled(data.plugin.workspace_disabled.contains(id));
        menu = menu.entry(item);

        let local_volt = meta.info();
        let tab_id = data.id;
        let item = druid::MenuItem::new("Disable For Workspace")
            .on_activate(move |ctx, _data, _env| {
                ctx.submit_command(Command::new(
                    LAPCE_UI_COMMAND,
                    LapceUICommand::DisableVoltWorkspace(local_volt.clone()),
                    Target::Widget(tab_id),
                ));
            })
            .enabled(!data.plugin.workspace_disabled.contains(id));
        menu = menu.entry(item);

        let local_meta = meta.clone();
        let proxy = data.proxy.clone();
        let item = druid::MenuItem::new("Uninstall").on_activate(
            move |_ctx, _data: &mut LapceData, _env| {
                let _ = PluginData::remove_volt(proxy.clone(), local_meta.clone());
            },
        );
        menu = menu.separator().entry(item);
        ctx.show_context_menu::<LapceData>(menu, ctx.to_window(pos))
    } else if let Some(volt) = data.plugin.volts.volts.get(id) {
        let _ = PluginData::install_volt(data.proxy.clone(), volt.clone());
    }
}