iced-code-editor 0.3.11

A custom code editor widget for the Iced GUI framework with syntax highlighting, line numbers, and scrolling support.
Documentation 
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

//! Compact go-to-line dialog UI.

use iced::mouse;
use iced::widget::canvas::{self, Canvas};
use iced::widget::{Space, Stack, button, container, row, text, text_input};
use iced::{Element, Event, Length, Rectangle, Renderer, Theme, keyboard};
use iced_font_awesome::fa_icon_solid;

use super::Message;
use super::goto_line::GotoLineState;

/// Transparent top layer that lets Escape close the dialog before the focused
/// text input consumes the key to merely unfocus itself.
struct EscapeListener;

impl canvas::Program<Message> for EscapeListener {
    type State = ();

    fn update(
        &self,
        _state: &mut Self::State,
        event: &Event,
        _bounds: Rectangle,
        _cursor: mouse::Cursor,
    ) -> Option<canvas::Action<Message>> {
        if matches!(
            event,
            Event::Keyboard(keyboard::Event::KeyPressed {
                key: keyboard::Key::Named(keyboard::key::Named::Escape),
                ..
            })
        ) {
            Some(canvas::Action::publish(Message::CloseGotoLine).and_capture())
        } else {
            None
        }
    }

    fn draw(
        &self,
        _state: &Self::State,
        _renderer: &Renderer,
        _theme: &Theme,
        _bounds: Rectangle,
        _cursor: mouse::Cursor,
    ) -> Vec<canvas::Geometry> {
        Vec::new()
    }
}

/// Builds the go-to-line input shown over the editor.
pub(crate) fn view(
    state: &GotoLineState,
    line_count: usize,
) -> Element<'_, Message> {
    if !state.is_open {
        return Space::new().into();
    }

    let line_input = text_input("1..N", &state.query)
        .id(state.input_id.clone())
        .on_input(Message::GotoLineChanged)
        .on_submit(Message::SubmitGotoLine)
        .padding(6)
        .width(Length::Fixed(110.0));

    let close_button = button(fa_icon_solid("xmark").size(10.0))
        .on_press(Message::CloseGotoLine)
        .padding(4);

    let content = row![
        text(":").size(16),
        line_input,
        text(format!("/ {}", line_count.max(1))).size(12),
        close_button,
    ]
    .spacing(6)
    .align_y(iced::Alignment::Center);

    let dialog = container(content).padding(8).style(|theme| {
        let base = container::rounded_box(theme);
        container::Style {
            background: base.background.map(|background| match background {
                iced::Background::Color(color) => {
                    iced::Background::Color(iced::Color { a: 0.9, ..color })
                }
                _ => background,
            }),
            ..base
        }
    });

    Stack::new()
        .push(dialog)
        .push(
            Canvas::new(EscapeListener)
                .width(Length::Fill)
                .height(Length::Fill),
        )
        .into()
}